javascript - JavaScriptを使用して3Dキャンバスに画像を描画する方法

Question

私はこれを持っています

function doFirst(){
    var x = document.getElementById('canvas'); 
    var canvas = x.getContext('webgl') || x.getContext("experimental-webgl");
 }

そして、キャンバスに「sheep.png」という画像を描きたいと思います。私はこれを使用していますが、機能していません：

var pic = new Image();
pic.src = "images/sheep.png";
pic.addEventListener("load", function() { canvas.drawImage(pic,0,0,0)}, false);

score 2 · Accepted Answer

drawImageは 2D コンテキストでのみ使用でき、webgl コンテキストでは使用できません。

これを webgl で使用するには、画像をテクスチャとして使用してメッシュを構築する必要があります。

webgl に慣れていない場合は、より使いやすい代替手段として three.js を検討することをお勧めします。

score -1 · Accepted Answer

drawImage()

私が推測する3つの引数しか取りません。

このデモを参照してください。

2 に答える 2