のぐそんブログ

暗いおじさんがシコシコ書くブログです。

javascript

WebGLでの行列による変換処理を理解する上で、最低限知る必要がある言葉

WebGLでの行列による変換処理を理解する上で、最低限しっていないといけない言葉について書きたいと思います。 下記を参考にさせていただきました。 3D 描画の基礎知識 OpenGLの座標系 OpenGLは 右手座標系 です。 X座標は右に行くほど、大きくなります。 Y…

Three.jsでパーティクルを作ろうと思った際に調べたこと

Three.jsでパーティクルをつくるにはどうすればいいのか調べてみました。 THREE.Spriteでパーティクル THREE.SpriteオブジェクトはTHREE.Object3Dオブジェクトを継承しており、THREE.Meshと同じように動作します。 Spriteは、何もプロパティをあたえないと、…

3Dで使う基本的な数学の知識その1(javascript編)

3Dを使う上で必須の数学の知識があります。 まずは基礎からやっていこうと思います。

AR.js導入メモ

AR.jsがリリースされたので、導入手順をメモしました。 わからないパラメータや処理があり、わかったら追記していこうとおもっています。 手順 AR.js導入手順。 ArToolkitSourceを作成 ArToolkitContextを作成 ArMarkerControlsを作成 ARで表示するオブジェ…

Three.jsのカメラについて

カメラの定義方法 カメラの基本的な定義方法は下記。 ※レンダーとシーンの作成は割愛

three.jsのライトについてのメモ

three.jsのライトについて three.jsでは他のオブジェクトとと同じようにライトも追加することができます。 【ライト追加前】 【ライト追加後】 上記のように、ライトは明るさもですが、影の描画に大きく影響します。