Inaba_Mitsu

システムブログ

Three.jsでキューブマップ

システム部の稲葉です。
キューブマップでスカイボックス(背景)を作成し、申し訳程度にリフレクションオブジェクトを置いてみると割とそれっぽい感じになります。
リフレクションするオブジェクト用にカメラがそれぞれ必要になるため、レンダリングコストが跳ね上がりそうなのが悩みどころです。
あと、今までジャギーが出てたのが気になったので、 new THREE.WebGLRenderer({antialias:true})とアンチエイリアスを有効にしてみました。
threejs06cubemap

デモ

ホームページ制作依頼・無料お見積り承ります!

2014.04.22|Inaba_Mitsu

関連記事

コメント