[1a3]지금까지 상상한 표현의...
DESCRIPTION
DEVIEW 2014 [1A3]지금까지 상상한 표현의 한계를 넘자 WebGLTRANSCRIPT
![Page 1: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/1.jpg)
![Page 2: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/2.jpg)
이준호과장 / NHN Technology Services백선기대리 / MIDAS IT ONLINE
지금까지상상한web 표현의한계를넘자WebGL
![Page 3: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/3.jpg)
![Page 4: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/4.jpg)
Why왜WebGL인가…
![Page 5: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/5.jpg)
![Page 6: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/6.jpg)
구현의전제사항
픽셀표현 성능<
![Page 7: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/7.jpg)
픽셀표현자유도
성능
가속비중이높아야한다
![Page 8: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/8.jpg)
![Page 9: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/9.jpg)
가속이되기는하는데
픽셀단위표현문제
픽셀전처리의존도가높다
복잡도에따른성능이슈
![Page 10: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/10.jpg)
이걸가속이라봐야하나..
![Page 11: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/11.jpg)
WebGL웹지엘은뭐야?
![Page 12: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/12.jpg)
초고속화면렌더링!브라우저기반 GPU제어
![Page 13: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/13.jpg)
![Page 14: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/14.jpg)
![Page 15: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/15.jpg)
![Page 16: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/16.jpg)
WebGL
Application Performance
![Page 17: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/17.jpg)
![Page 18: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/18.jpg)
Now..
![Page 19: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/19.jpg)
IE11Safari (Mac )
![Page 20: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/20.jpg)
http://www.koreahtml5.kr/jsp/infoSquare/browserUseStatsKor.jsp?type_code_LIST=USST0002&os_code=all&search_type=D&search_date=201406
85.9% +
![Page 21: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/21.jpg)
Where어디서쓸까..
![Page 22: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/22.jpg)
![Page 23: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/23.jpg)
BIG DATA 시각화
![Page 24: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/24.jpg)
![Page 25: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/25.jpg)
어떻게하나
![Page 26: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/26.jpg)
화면출력
![Page 27: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/27.jpg)
![Page 28: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/28.jpg)
을사용하기위한모든준비의끝
![Page 29: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/29.jpg)
![Page 30: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/30.jpg)
에서실행되는프로그램코드
![Page 31: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/31.jpg)
![Page 32: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/32.jpg)
![Page 33: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/33.jpg)
![Page 34: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/34.jpg)
![Page 35: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/35.jpg)
![Page 36: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/36.jpg)
![Page 37: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/37.jpg)
![Page 38: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/38.jpg)
![Page 39: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/39.jpg)
![Page 40: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/40.jpg)
Q&A
![Page 41: [1A3]지금까지 상상한 표현의 한계를 넘자 WebGL](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557acf70d8b42a0b188b4eb7/html5/thumbnails/41.jpg)
THANK YOU