WebGL을 배우기위한 첫 번째 단계는 WebGL을 지원하는 브라우저를 사용하는 것입니다. 현재 파이어폭스4, 사파리(OS X 10.6) nightly, 구글 크롬10 이상의 브라우저에서 WebGL을 공식으로 지원하고 있습니다. 자신이 사용하는 브라우저가 WebGL을 지원하는지 알아보기 위해서 두 번째 레슨에 사용된 WebGL 예제를 확인해 보세요. 색상이 입혀진 삼각형과 사각형 모양을 볼 수 있다면 WebGL을 지원하는 브라우저를 사용하는 것입니다.
Lesson 6: 키보드 입력과 텍스쳐 필터 - 진보된 텍스처 사용법과 키보드를 이용하여 장면을 이동합니다.
Lesson 7: 조명 기초 - 조명을 사용하는 두가지 단순한 형태를 소개합니다.
Lesson 8: 색상 혼합과 투명도 - WebGL에서 투명한 소재를 사용하는 방법과 이론에 대하여 알아봅니다.
Lesson 9: 대량 개체를 다룰때 프로그램 구조 개선 - 객체지향 기법을 사용하여 동시에 많은 개체가 이동하는 애니메이션을 제작합니다.
Lesson 10: 카메라 워크 기본 - 지금까지 배운 기술을 응용하여 카메라의 장면 이동과 트릭에 대하여 알아봅니다.
Lesson 11: 구체, 회전 매트릭스, 그리고 마우스 이벤트 - 마우스 이벤트에 의해 구체가 회전하는 코드를 작성해봅니다.
Lesson 12: 포인트 조명 - 조명이 이동하는 3D 장면을 연출합니다.
Lesson 13: 파편 조명과 멀티플 프로그램 - 효율적인 조명 처리방법에 대하여 알아봅니다.
Lesson 14: 반사 강조와 JSON 모델 호출 - 멋진 조명을 만들기 위해 반사 강조 효과를 JSON 파일로 불러온 3D 개체에 사용합니다.
Lesson 15: 반사 매핑 - 개체의 표면에 빛의 반사 강도를 조정하여 사실감을 높이는 방법을 알아봅니다.
Lesson 16: 텍스쳐 렌더링 - 3차원 개체가 렌더링된 텍스쳐를 또 다른 개체에 입히는 정교한 트릭에 대하여 알아봅니다.
현재 위와 같은 총 17개의 레슨으로 구성되어 있으며, 그 중 10개의 레슨을 번역(의역)하고 이해하는 것을 첫 번째 목표로 삼고있습니다. 3D 프로그래밍에 대한 개념이 없으니 아무리 소스를 열어보고 이해해 보려해도 도무지 감을 잡을 수가 없어서 시작하게 되었습니다. 한 레슨이 완료될 때 마다 위 목차에 링크를 걸면서 완성해 가도록 하겠습니다. 이거 간만에 불타오르겠군요!
Comments
Got something to add? You can just leave a comment.
[firejune] WebGL 레슨 0 - 시작하기: WebGL을 스스로 학습하기 위한 목적으로 Giles Thomas씨가 운영중인 Learning WebGL의 레슨을 번역하며 실행해 보기로 마... http://firejune.com/1661
from Topsy
[경준호] WebGL 레슨 0 - 시작하기: WebGL을 스스로 학습하기 위한 목적으로 Giles Thomas씨가 운영중인 Learning WebGL의 레슨을 번역하며 ... http://firejune.com/1661 @trendspottor
from twitterfeed
@firejune 앗. 비슷만 목표를... ㅎ
from TweetDeck
@zziuni 헛! 지우니님도 하고 계셨군요. 비슷한 위기의식을 느끼는 걸까요... ㅋㅋ
from firejune.com
@firejune 3D, 2D 그래픽쪽은 전혀 지식이 없어서 삽질중입니다. ㅎㅎ 재미는 있내요 ㅋ
from TweetDeck
@zziuni 3D 모델링 도구도 포토샵 다루는 수준으로는 하나즘은 다루어야 한다는 압박이...
from firejune.com
@firejune 그 단계전에 관련 수학지식이 없어서 압박에 시달리고 있습니다. ㅋㅋㅋ 전 이만 꼴까닥!
from TweetDeck
@zziuni 안녕히 주무세요. 저도 꼴까닥!
from firejune.com
@firejune 어려운 것 있으면 연락 주십쇼~ 제 전공 아닙니까 -_-v
from twitter
WebGL 레슨 0 - 시작하기: WebGL을 스스로 학습하기 위한 목적으로 Giles Thomas씨가 운영중인 Learning WebGL의 레슨을 번역하며 실행해 보기로 마음먹었습니다. Gil... http://firejune.com/1661
from twitterfeed
RT @firejune: WebGL 레슨 0 - 시작하기 http://firejune.com/1661
from twitter
RT @firejune: WebGL 레슨 0 - 시작하기 http://firejune.com/1661
from TweetDeck
파이어준님 덕분에 좋은 레슨 얻어가네요.
reply edit
RT @firejune: WebGL 레슨 0 - 시작하기 http://firejune.com/1661
from twitter
RT @firejune: WebGL 레슨 0 - 시작하기 http://firejune.com/1661
from twitter
기대기대 ;)
reply edit
기대기대 ;) “@firejune: WebGL 레슨 0 - 시작하기 http://t.co/nltkXN6”
from Topsy
WebGL 레슨 0 - 시작하기 - Firejune http://durl.me/77xvc 이제 웹 프로그래머도 3d하는 시대..
from Daum
새로운? 것을 하시는군요... 저도 웹에서 3D 구현때문에 무척 고생했었는데요..;;; 방법은 찾았지만 마땅한게 없더라구요..... WebGL은 웬지 OpenGL방식인것 같기도하고... 레슨 하시면 와서 종종 보도록 할께요... IE8은 안되는군요... 쉬레기인가...
reply edit
IE9쓰세요(WebGL은 역시 안되지만) 와~ 그나저나 폰씨, 정말 오랜시간동안 잊지않고 찾아주시는군요. 고마워용.
reply edit
아 쓰바.... 그런데..... 도데체...... WebGL이라는 것이 뭣이며...... 이걸 도데체 어떻게 실행한다는 말인겨????
아 쓰바.... 이건.... 네이버보다 더 지독하네.......
reply edit
iamveryme: WebGL 레슨 0 - 시작하기 http://t.co/2WvCuk6
from twitter
web gl의 학습해 볼 수 있는 좋은 글이네요. http://t.co/ut8DEiT
from Topsy
5장 이상은 없는건가요??
번역 좀 해주세요~~
reply edit
오! 원하는 분이 계시군요. 여건이 허락되면 계속 진행해 보도록 할께요.
reply edit
드레곤볼 연재종료직후의 캐릭터 직업 손오공 - 무직 베지터 - 무직 피콜로 - 무직 손오반 - 학자 크리링 - 무직 손오천 - 학생 트랭크스 - 학생 야무치 - 무직 천진반 - 무직 차오즈 - 무직 거북도사 - 무직
from twittbot.net
lesson4까지는 예제가 잘 실행돼는데 5부터는 캔버스만 나오네요
14는 캔버스도 안 나와요. 실례지만 원인이 뭘까요 ㅠㅠ 다운받은거 그대로 썼는데요 ㅠㅠ
reply edit
파이어폭스는 잘 되네요 ;
reply edit
Your Reaction Time!