Fork
8
Fav
6
View
14193
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • CoffeeScript 1959 lines
  • HTML 22 lines
  • SCSS / Compass 20 lines

Canvas context 2Dでポリゴンを描く


【更新履歴】

  • 2013.04.13 Matrixのupdateを最適化しました。

  • 2013.04.12 ライティングの計算処理が間違っていたのでそれを修正。

  • 2013.04.11 テクスチャの指定にURLテキストを指定できるよう修正。

  • 2013.04.09 Faceクラスに分割数を渡せるよう修正しました。

  • 2013.04.08 フォグ、ライティング、ワイヤーフレームのON/OFFができるスイッチを追加しました。

  • 2013.04.08 lookAtの固定・非固定を実装しました。
    色テクスチャの最適化しました。
    陰の処理を最適化しました。

  • 2013.04.07 Particleクラスを実装。空間内にドットを配置できるようにしました。
    さらに、マテリアルにテクスチャ以外に色を指定できるようにしました。

  • 2013.04.07 クリップ空間外のものをレンダリングしないよう修正。
    動画の再生を追加してみた。(Chromeのみで動作します)

  • 2013.04.07 画像生成時の最適化。
    簡易的なライティング処理を追加
    フォグの処理がミスっていたのでそれを修正。
    頂点情報の持たせ方が間違っていたのでそれを修正。
    またLineクラスを実装。

  • 2013.04.06 簡易的なフォグを実装。遠くなるほど色が背景色に同化していきます。

  • 2013.04.04 ビュー座標変換が右手系、左手系で逆になっていたのでそれを修正しました。

  • 2013.04.04 Zソートでレンダリング順を制御するよう修正

  • 2013.04.03 Cubeクラスを暫定で実装。これでやっと、ローカル座標からスクリーン座標までの変換が可能に。

  • 2013.04.02 もろもろ修正。やっとちゃんと動くようになった・・・。

  • 2013.04.01 Object3Dクラスを実装。Cameraはそれを継承するよう修正。
    CameraクラスにlookAtメソッドを実装(でも多分、まだちゃんと動いてない)
    上記修正で、若干perspectiveがなんか変に・・。

  • 2013.03.24 新しく、Cameraクラス、Rendererクラスを実装

  • 2013.03.23 perspectiveの計算式を別のモノに変更。(DirectXからOpenGL形式へ?)


操作

ドラッグで視点を動かすことができます。 Chrome限定ですが、スクロールでカメラを近づけたり遠ざけたりができます。
(iOSではピンチイン・アウトでカメラの位置を変更できるようになっています)

  • Canvas context 2Dで自作3Dエンジンを作る
  • Canvas context 2Dで自作3Dエンジンを作る

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

edo_m18

Author

CSS-EBLOGの管理人やってます。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by