web-dev-qa-db-ja.com

canvas.getContext（ '3d'）を使用できますか？はいの場合、どのように？

HTML5のcanvasタグについて読みましたが、常にgetContext('2d')を見ました。
パラメータは「2d」なので、「3d」のような別の可能性はありませんか？
そして、それをどのように使用できますか？以前に3Dを試しましたが、実際には理解できませんでした（説明のつかないチュートリアルのため）。チュートリアルはありますか？

html5canvashtml5-canvas
41
11684

Canvasには3Dコンテキストがありますが、「3d」とは呼ばれませんが、 WebGL （ "webgl"）です。

41
Denis Washington

WebGLは すべてのブラウザの最新バージョンで利用可能 である必要があります。つかいます：

<!DOCTYPE html>
<html>
 <body>
 <canvas id='c'></canvas>
  <script>
    var c = document.getElementById('c');
    var gl = c.getContext('webgl') || c.getContext("experimental-webgl");
    gl.clearColor(0,0,0.8,1);
    gl.clear(gl.COLOR_BUFFER_BIT);
</script>
</body>
</html>

どのようにそれを使用できますか？以前に3Dを試しましたが、実際には理解できませんでした

  • 「実際の」言語が難しいと思う場合、WebGLで多くの問題が発生します。ある点では非常に高いレベルであり、他の点では非常に低いレベルです。あなたは数学（幾何学）を磨き、いくつかのハードワークに備える必要があります。
  • three.jsは、webglを直接扱うことなく、まだ多くの3Dを実行できる非常に高く評価されているライブラリです。チェックしてください。
32
Steve

WebGLコンテキスト を取得できます。これにより、そのAPIにアクセスできるようになり、OpenGL ES 2.0のような3Dレンダリングが可能になります。

20
Peter

ほとんどのブラウザでは、3Dコンテキストはまだ実装されていません。 Operaを提供する実験バージョンと、同じことをするFFのアドオンがありますが、ゴールデンタイムの準備ができているものはありません。採用と実装。

javaScriptは実際のプログラミング言語よりも簡単だと思います

Javascriptは「実際の」プログラミング言語です。高レベルの言語であることは、おもちゃや偽物ではありません（これは、毎日「本物の」プログラミング言語でコードを書くシステムの人から来ています）。

12
Ed S.