3Dに使う数学（道具）の例と使い方なんかを書きました。

1. WebGL入門LT大会
2016.05.12

2. 面白法人カヤック 技術部
比留間 和也
@edo_m18 @edom18

3. UnityやWebで
VRコンテンツ作ってます

4. WebVRについての記事書きました

5. 数学を手に入れよう
道 具

6. 数学は便利な道具

7. 長さが知りたい！
角度が知りたい！

8. そうした問題を解決

9. y = f(x)

10. y = 角度を知る(x)

11. y = 角度を知る(x)
これが道具

12. なんかふわふわ浮いてる
オブジェクトを表現したい！

13. つ|sin|

14. sinは直角三角形の
辺の比率

20. sin(θ)を
実行すると

21. -1〜1の間で
ループしてくれる

22. [[demo]]

23. なんか等速に動くと
印象よくないんだよねー

24. つ|イージング|

25. イージングには
いくつもの関数があります

26. が、三角関数を使えば
比較的手軽に実現可能

27. function easing(x, a, b) {
var f;
f = (1.0 - Math.cos(x * Math.PI)) * 0.5;
return a * (1.0 - f) + b * f;
}

28. [[demo]]

29. オブジェクトAから見た
オブジェクトBの方向を知りたい！

30. つ|ベクトルの減算|

31. ベクトル

32. 3Dコンテンツを作るにあたって
欠かすことのできない概念

33. ベクトルの減算

41. オブジェクト間の
距離を知りたい

42. 例えば、ある一定距離まで近づい
たらなんかをする、という処理

43. つ|三平方の定理|

45. [[demo]]

46. サンプルはGitHubに
上げてあります
https://github.com/edom18/webgl-beginner-lt-sample

47. ご清聴ありがとうございました