狠狠撸

2. ?????/ NHN Technology Services ?????/ MIDAS IT ONLINE ??????? web ???????? WebGL

3. 1.Why 2.What 3.Where 4.Now 5.How CONTENTS

4. Why ?WebGL??…

5. ???? ?? < ??????? ?? GPU??????????

7. GPU????????? ???? ???? ????? CPU?????? ?????? ???? DOM CANVAS2D SVG

8. ??????????.. DOM SVG CANVAS 2D Video Video Video

9. WebGL ???????

10. OpenGL ES 2.0?? 3?????????????????????? ????????! ??????GPU??

12. While(i--){ // ???? }

14. WebGL??? ?????? Application Performance

16. Now..

17. IE11 Safari (Mac )

18. http://www.koreahtml5.kr/jsp/infoSquare/browserUseStatsKor.jsp?type_code_LIST=USST0002&os_code=all&search_type=D&search_date=201406 85.9% +

19. Where ?????..

20. Game

21. BIG DATA ???

22. UI Interface

23. HOW ?????..

24. ???? Fragment Shader Vertex Shader Data (Vertex Buffer) WebGLAPI

25. Hello Triangle!!!

26. ???????????????????????

28. ????????????

29. ??

34. ????-????? Beginning WebGL http://www.beginningwebgl.comLearning WebGL http://learningwebgl.com/blog/?page_id=1217

35. ????–Framework ListKhronoshttp://www.khronos.org/webgl/wiki/User_Contributions

36. ????–Framework ListbsWebGL http://projectbs.github.io/bsWebGL/ ThreeJS http://threejs.org/

37. ????–ShaderStudyShaderToy https://www.shadertoy.com/

38. Q&A

39. THANK YOU

???? ??? Web ???????? WebGL