Inaba_Mitsu

システムブログ

Three.jsでキューブマップ

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

デモ

2014.04.22|Inaba_Mitsu

関連記事

コメント