週末はレストランやコンビニのお菓子のことを書いています。この広告は、90日以上更新していないブログに表示しています。今回は、Three.jsのLight(ライト,光源)について、やりまーす。「introduction.html」では、この部分が光源の処理をしている所です。はじめにThree.jsの光源は「平行光源」,「点光源」,「スポットライト」,「環境光」の4種類あります。(一応、他にもあるようですが、使い方がイマイチ分かりにくいので今回は割愛します。光の照射角が物体の位置座標によらないというところです。シェーディングのための演算が簡単なので、処理が軽い所です。特徴は、全方位に光を発することができる光源です。影を描写することが出来ない。実行例:(あまり違いが分かりにくい写真ですね・・・)・スポットライト特徴は、1点を中心に光を当てることができます。特徴は、光が当たっていない所も明るくできます。真っ暗にならないようにすることが出来ます。基本的には、「環境光」+「他の光源」という使い方が普通です。これを単独で使う事は少ないです。実行例:(平行光源+環境光)光源の個別解説は、ここで終わりです。疲れた(笑)個人的にですが、「環境光」+「平行光源」という使い方が一番使いやすいです(笑)さて次に、光源の位置設定です。やり方は複数あり、こんな感じです。好きなやり方で、設定してください。最後に光源をsceneに追加です。これをやらないと、光源が描画されないで気をつけてください。(sceneについては、こちらを御覧ください。)今回は、コレで終わります。次回は、箱や球体オブジェクトについてやります。HemisphereLight今回は、Three.jsの「HemisphereLight」について書きます。視点の切り替え今回は、Three.jsの「視点の切り替え方法」について書きます。FlyControls.js今回は、Three.jsの「FlyControls.js」について書きます。OrbitControls.js今回は、Three.jsの「OrbitControls.js」について書きます。Linkプロフィールid:gupuruプログラミング関連の事を色々書いています(^^)週末はレストランやコンビニのお菓子のことを書いています。