160512_WebGL入門者の会

160512_WebGL入門者の会

Transcript

1. 5෼ͰͰ͖Δ!? WebVR 2016.05.12 WebGLೖ໳ऀͷձ
2. ॳLTͳͷͰɺ Թ͔͍໨Ͱ͓ئ͍͠·͢ɻ
3. ࣗݾ঺հ
4. ࣗݾ঺հ yinm
 - ౎಺ͷSIerʹۈ຿
 - JSͳͲͷϓϩάϥϜྺ͸൒೥͘Β͍ʢಠֶʣ
 - ਺ֶΘ͔Γ·ͤΜ
 
 - GitHub: https://github.com/yinm
 - Twitter : https://twitter.com/yinm_cminor9
5. ຊฤ
6. Demo http://yinm.github.io/webvr/index.html
7. ίʔυΛݟ͍͖ͯ·͢
8. ίʔυΛݟΔʢશମʣ
9. ίʔυΛݟΔʢHTMLͷ਽ܗҎ֎ʣ
10. HTMLͷ਽ܗҎ֎ͩͱɺ 4ߦ͚ͩ
11. ͜ΕΛՄೳʹ͍ͯ͠Δͷ͕ɺ A-Frame
12. A-Frameͱ͸ʁ • MozillaͷVRνʔϜ͕ϦϦʔεͨ͠ɺ
 VRͷϑϨʔϜϫʔΫɻ • ϨϯμϦϯάʹ͸ɺThree.jsΛ࢖༻͍ͯ͠Δɻ • ެࣜαΠτ
 https://aframe.io/
13. A-FrameͷCDNΛಡΈࠐΈ
14. γʔϯͷઃఆ
15. શఱٿͷࢦఆʢը૾ɾ֯౓ʣ
16. ΋͏Ұ౓ɺίʔυΛݟΔʢશମʣ
17. ࣗ෼Ͱ͸ JSΛ1ߦ΋ॻ͍ͯ·ͤΜ
18. ؆୯Ͱ͢Ͷʂ
19. ͪΐͬͱدΓಓ
20. Demo2 http://yinm.github.io/webvr/demo2/ index.html
21. ֯౓ͷมߋલ
22. ֯౓ͷมߋޙ
23. ଐੑ஋Λม͑ͯΈΔ͚ͩͰ΋ ༡΂Δ
24. 5෼ͰͰ͖ΔWebVR खॱͷ·ͱΊ
25. 1.ࣸਅΛݟ͚ͭΔ • flickerͳͲͰ୳͍ͯͩ͘͠͞ • ࠓճ࢖༻ͨ͠αΠτ
 http://free-photos.gatag.net/
26. 2. ίʔυΛॻ͘
27. 3.ָ͠Ή Enjoy WebVR!
28. ࢀߟαΠτ • A-Frame – Building Blocks for the VR Web
 https://aframe.io/
 • ৽͍͠WebVRϑϨʔϜϫʔΫA-Frameೖ໳
 http://qiita.com/rootx/items/cba61f1f725bd0090307
 • HTML਺ߦͰVRͰ͖ΔA-Frame
 https://framesynthesis.jp/tech/2015/12/aframe/

29. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ :)