質問

私は私のページに2つのキャンバス要素を持っていて、私は私の:にレンダリングを始めます

new THREE.WebGLRenderer({canvas:myFirstCanvas});
.

と3Dシーンは私が期待するように適切にレンダリングされています

しかし、CANVAS要素を変更しようとすると、レンダラーはどちらかを使用して指しています。

renderer.domElement = mySecondCanvas;
.

または

renderer.setRenderTarget({canvas:mySecondCanvas});
.

Githubのドキュメントを調べましたが、SetRenderTarget()は残念ながらTodoを言う。 レンダラを使用しているキャンバス要素を切り替えることは可能ですか?もしそうなら、私はこれについてどのように行きますか?現在私の試みは、私はまたレンダラーのサイズを変更しているため、のサイズを変更するため、オリジナルのキャンバス要素の画像をぼかしたものは何もしません。

renderer.setSize(mySecondCanvas.width,mySecondCanvas.height);
.

他のキャンバスに切り替えようとしているとき。

役に立ちましたか?

解決

残念ながら、これはHon WebGLの仕事によるもので、3.jsの指定は何も関係ありませんが、(WebGLレンダラーによって表される3つjs)はCANVAS要素にバインドされており、変更することはできません。WebGLコンテキストはどの要素にレンダリングする必要があります。

SO:2つの3つのWebGlレンダラーを、キャンバス要素ごとに1つにします。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top