web-dev-qa-db-ja.com

WebGLを高速で学習するにはどうすればよいですか？

最近WebGLを学んでいますが、パイプラインを理解するのは本当に難しいことがわかりました。

  1. head first WebGLのオンラインチュートリアルはありますか？
  2. GLSLを学ぶべきですか？
  3. WebGLで何かを描画するコードは複雑すぎますが、コード行を減らす方法はありますか？
webgl
51
MrROY
  1. http://learningwebgl.com/blog/?p=11 （2018年11月時点でリンク切れ、バックアップ： https://web.archive.org/web/20180615095219/http ：//learningwebgl.com/blog/？p = 11 ）
  2. はい、Light House 3Dをお勧めします： http://www.lighthouse3d.com/tutorials/glsl-core-tutorial/
  3. それほど複雑ではなく、Learning webGLで書かれたコードに焦点を合わせてください。最初は他のライブラリ/エンジンを使用することはお勧めしません。基本を学び、後でライブラリを使用してコーディングを高速化します。

始めるのに最適なwebGLの学習は、おそらく最高です。できる限り多くのリソースから読むことをheしないでください。 Opera開発者、Mozilla Hacks、Light House 3D、Scratch a Pixel、Aerotwist（ http://www.aerotwist.com/tutorials/an-introduction-to-shaders-part -1 / more shaders）...最初は非常に難しいですが、後でパイプラインと考え方を理解できるようになります。時間がかかります（基本だけを学ぶのに1〜2か月）が、持続する。

お役に立てれば。

39
Abstract Algorithm

ここにインタラクティブなチュートリアルがあります： http://www.webglacademy.com
コードを変更し、再度テストすることができ、ステップバイステップで実行できるため、すばらしいと思います。

http://www.learningwebgl.com でwebglレッスンを確認することもできます。
次に、特定のwebgl API/GLSLコマンドに関するヘルプを検索する場合、 http://www.opengl.org/sdk/docs/manglsl/ を検索します

10
Mike

これは私がこれまでに見つけた最高のチュートリアルです！

http://my2iu.blogspot.in/2011/11/webgl-pre-tutorial-part-2-drawing-2d.html

6
Bhavin Shah
  1. おそらく、しかし、私はそれを知りません。
  2. はい; WebGLで何かをレンダリングするには、シェーダーが必要です。 GLSLはシェーダーの言語です。したがって、何かをレンダリングする場合は、GLSLを使用する必要があります。
  3. はい; Three.js のようなライブラリを使用します。
2
icktoofay