WebGL入門LT大会資料

WebGL入門LT大会資料

1. 1. WebGL入門LT大会 2016.05.12
2. 2. 面白法人カヤック 技術部 比留間 和也 @edo_m18 @edom18
3. 3. UnityやWebで VRコンテンツ作ってます
4. 4. WebVRについての記事書きました
5. 5. 数学を手に入れよう 道 具
6. 6. 数学は便利な道具
7. 7. 長さが知りたい！ 角度が知りたい！
8. 8. そうした問題を解決
9. 9. y = f(x)
10. 10. y = 角度を知る(x)
11. 11. y = 角度を知る(x) これが道具
12. 12. なんかふわふわ浮いてる オブジェクトを表現したい！
13. 13. つ|sin|
14. 14. sinは直角三角形の 辺の比率
15. 15. sin(θ)を 実行すると
16. 16. -1〜1の間で ループしてくれる
17. 17. [[demo]]
18. 18. なんか等速に動くと 印象よくないんだよねー
19. 19. つ|イージング|
20. 20. イージングには いくつもの関数があります
21. 21. が、三角関数を使えば 比較的手軽に実現可能
22. 22. function easing(x, a, b) { var f; f = (1.0 - Math.cos(x * Math.PI)) * 0.5; return a * (1.0 - f) + b * f; }
23. 23. [[demo]]
24. 24. オブジェクトAから見た オブジェクトBの方向を知りたい！
25. 25. つ|ベクトルの減算|
26. 26. ベクトル
27. 27. 3Dコンテンツを作るにあたって 欠かすことのできない概念
28. 28. ベクトルの減算
29. 29. オブジェクト間の 距離を知りたい
30. 30. 例えば、ある一定距離まで近づい たらなんかをする、という処理
31. 31. つ|三平方の定理|
32. 32. [[demo]]
33. 33. サンプルはGitHubに 上げてあります https://github.com/edom18/webgl-beginner-lt-sample
34. 34. ご清聴ありがとうございました