Three.js　２画面表示 - Three.jsを使って、作ってみた

Three.js　２画面表示 - Three.jsを使って、作ってみた

今回は、Three.jsで「２画面表示させる方法」を書きます。 ２画面表示とは、こんな感じの事です。 左と...概要を表示 今回は、Three.jsで「２画面表示させる方法」を書きます。 ２画面表示とは、こんな感じの事です。 左と右、別々の事を表示させています。 ちなみに、左が立方体を上から見た画面で、右が真横からみたものです。 ２画面表示させる方法は、簡単に説明しますと、カメラを２つ作り、シーンオブジェクトに追加するというものです。 やり方を書いていきます。 ① レンダラーオブジェクトを生成した後に、こちらを追加してください。 //rendererはレンダラーオブジェクト renderer.autoClear = false これを追加しないと、描画されません。 autoClearはWebGLRendererのプロパティの一つです。 ② カメラオブジェクトを２つ作ります。 //カメラオブジェクトを２つ作る。cameraLは左画面,cameraRは右画面です。 //position,lookAtは任意で追加して

• tutorial
• development
• javascript