1

Q.) キャンバス要素があり、キャンバス上に 2D javascript (papaer js) と 3D javascript (babylon js) を使用して描画しています。今、そのキャンバスに2Dと3Dで画像を追加/描画したいと思います。2D JS(Paper js)を使用してキャンバスに画像を描画できます。

このような、

var canvas = document.getElementById('canvsID');
var context = canvas.getContext('2d');

そして私はそれで結果を得ます。

私は3D JSで同じことをしたいです。しかし、3D JS では動作しません。それは、私の 3D js が継続的にレンダリングされているからです。

それで、そのための方法はありますか。

このように 3D で getContext() を使用できることを読みました..

 var context = canvas.getContext('webgl');

しかし、それでもうまくいきません..!「WebGLはサポートされていません」と表示されます

4

2 に答える 2

1

たぶん試してみてください

var context = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
于 2015-11-11T14:39:51.463 に答える
0

適切なオプションは、Babylon.js 動的テクスチャを使用して 2D コンテンツをテクスチャでレンダリングし、それを背景 (または前景) レイヤーに適用することです。

http://doc.babylonjs.com/classes/2.2/DynamicTexture

http://doc.babylonjs.com/classes/2.2/Layer

于 2015-09-29T13:25:19.603 に答える