Japanese subtitles

← Create a Square

Get Embed Code
2 Languages

Showing Revision 2 created 03/11/2014 by Fran Ontanaya.

  1. 四角形の描画には様々な方法があります
  2. 三角形を使った解決法は少し強引です
    まず互いに独立した2つの三角形を作ります
  3. この4行の命令で
    インデックス(0,1,2)から始まる三角形を作ります
  4. 最初の3点はここです
  5. 2つ目の三角形はインデックス(3,4,5)で
    この3点のことです
  6. 重複する点の2と3、5と0を統合することで
    作業時間と容量を省けそうです
  7. 四角形を描く上でより簡潔で効率的な方法は
    必要な4つの頂点を定義し
  8. これらの点を共有している
    2つの三角形の面を定義することです
  9. 例えばここでは点0と2を
    最初と2つ目の三角形で使っています
  10. つまりthree.jsライブラリは
    4点からなる面をサポートしていることになり
  11. このような1つの面を使うことができるのです
  12. WebGL、DirectXなど
    低水準のAPIは三角形しか定義できません
  13. three.jsライブラリが四角形をこのように定義する場合
  14. GPUに送られた2つの三角形によって
    レンダリングされます
  15. 単一の四角形を描いて問題を解いたのなら
  16. three.jsのドキュメンテーションを理解されています
    すばらしいですね
  17. しかし三角形だけを使って挑戦すると勉強になります