gupuru https://blog.hatena.ne.jp/gupuru/ Three.jsを使って、作ってみた https://gupuru.hatenablog.jp/ Three.js 今回は、Three.jsで「２画面表示させる方法」を書きます。 ２画面表示とは、こんな感じの事です。 左と右、別々の事を表示させています。 ちなみに、左が立方体を上から見た画面で、右が真横からみたものです。 ２画面表示させる方法は、簡単に説明しますと、カメラを２つ作り、シーンオブジェクトに追加するというものです。やり方を書いていきます。 ① レンダラーオブジェクトを生成した後に、こちらを追加してください。 //rendererはレンダラーオブジェクト renderer.autoClear = false これを追加しないと、描画されません。 autoClearはWebGLRendererのプロ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgupuru.hatenablog.jp%2Fentry%2F2013%2F12%2F23%2F203045" title="Three.js　２画面表示 - Three.jsを使って、作ってみた" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/g/gupuru/20131223/20131223194344.png Hatena Blog https://hatena.blog 2013-12-23 20:30:45 rich https://gupuru.hatenablog.jp/entry/2013/12/23/203045 1.0 100%