第12回社内勉強会

Transcript

1. JavaScriptΛ࢖ͬͯ ϒϥ΢βͰΈΕΔ΋ͷΛ࡞Δ ʢޙ൒ઓʣ ˏΧπϛ 2016/7/7 גࣜձࣾελδΦɾΞϧΧφ
2. ࠓճ͸
3. ࠓճ͸ • threejs • cannonjs
4. ղઆ
5. three.js • ϒϥ΢βͰ3Dͷදݱ͕Ͱ͖Δ
6. ͜Μͳͷ http://threejs.org/examples/#webgl_animation_skinning_morph
7. cannonjs • three.jsͰ࡞੒ͨ͠ΦϒδΣΫτΛ෺ཧԋࢉͰ ಈ͔͢͜ͱ͕Ͱ͖Δ
8. ͜Μͳͷ http://schteppe.github.io/cannon.js/demos/bounce.html
9. cannonjsͷαϯϓϧ • http://schteppe.github.io/cannon.js/ examples/threejs_fps.html
 ͷαϯϓϧΛ͍ͬͯ͡Έ·ͨ͠ʂ
10. ιʔεղઆ ʢͪΐͬͱ͚ͩʣ
11. threejs+cannonjs
12. threejs+cannonjs UISFFKTͰ̏%ΦϒδΣΫτΛ࡞੒
13. threejs+cannonjs ಈ͖Λग़ͨ͢ΊͷDBOOPOͷΦϒδΣΫτ࡞੒
14. threejs+cannonjs ഑ྻಥͬࠐΉ
15. threejs+cannonjs UISFFKTͷΦϒδΣΫτΛຖඵʁʢຖϑϨʔϜʁʣ
    ϨϯμϦϯά͢Δ
    
16. threejs+cannonjs DBOOPOͰಘΒΕͨ݁ՌʢΦϒδΣΫτͷҐஔʣΛ UISFFKTͷ̏%ΦϒδΣΫτʹઃఆ͠
    UISFFKTͰϨϯμϦϯά͢Δ
17. αϯϓϧͷ ύϥϝʔλʹ͍ͭͯ
18. threejs_fps.html • world.gravity.set(0,-20,0); • var ballShape = new CANNON.Sphere(0.2); • var ballBody = new CANNON.Body({ mass: 1 });
19. threejs_fps.html • world.gravity.set(0,-20,0); • var ballShape = new CANNON.Sphere(0.2); • var ballBody = new CANNON.Body({ mass: 1 }); ॏྗʢZ࣠ʹʣ ଧͪग़͢ϘʔϧͷαΠζ ଧͪग़͢Ϙʔϧͷॏ͞
20. ͍ͬͯ͡ΈΔ
21. threejs_fps.html • world.gravity.set(0,0,0); • var ballShape = new CANNON.Sphere(3); • var ballBody = new CANNON.Body({ mass: 0.1 }); શ෦ු͔Ϳ ϘʔϧΊͬͪΌͰ͔͍ͬ ϘʔϧΊͬͪΌඈΜͰ͘
22. ͳΜ͔͍Ζ͍Ζ͍͡Δ͚ͩͰ ໘ന͍
23. ͱ͸͍͑͜Ε͚ͩͰ͸ɾɾ
24. Ͱઌि΍ͬͨ
25. https://nttcom.github.io/skyway/
26. Μ͡Ό࣮͋ફ
27. https://y-katsumi.github.io/ cannonjs_study/
28. Θ͔ͬͨ͜ͱ
29. σόοάத͸mac͕ര೤
30. σόοάத͸mac͕ര೤ • Զͷmac͕ਅͬ੺ʹ೩͑ͯώʔτΤϯυͦ͠͏
31. ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ