혹시 이 글을 보고 계신 당신~!!

크롬이나 크롬 플러스를 쓰시고 계신가?
아니면 이번에 발표된 파이어폭스4나 사파리도 괜찮으니 여기 이 사이트를 한번 들어가 보시라.
(정확히는 Chrome 9+ / Firefox 4+ / Safari 10.6+ 버전이면 OK~!! )

그리고 키보드의 화살표키를 이렇게 저렇게 눌러보시라.

펼쳐지는 화면의 3D 그래픽은 ActiveX도 플래시도 아니다.
웹 브라우저 자체에서 구동되는 WebGL 기술로 구현된 것이다.

WebGL로 이 정도의 3D 퀄리티를 구현가능해졌다. 화면은 Hello Racer 캡쳐화면

WebGL로 이 정도의 3D 퀄리티를 구현가능해졌다. 화면은 Hello Racer 캡쳐화면

느낌이 어떠신가?
만약 컴퓨터 성능과 그래픽카드가 어느정도 성능 이상만 받쳐준다면 왠만한 3D 게임에서 느꼈던 느낌을 받으실 수 있을 것이다.

자바스크립트로 프로그래밍이 가능한 WebGL로 IE를 제외한 최신의 브라우저에서 이 정도 퀄리티의 3D 그래픽 표현이 가능해졌다.

택스트와 이미지로 이루어 졌던 단순한 HTML을 넘어서 현재는 플래시 영역까지 야금야금 빼았고 있는 HTML5의 시대가 왔고 앞으로 머지않아 HTML5와 CSS3 여기에 WebGL이 지배하는 세상이 올 것이다.

이미 WebGL을 이용한 3D 게임도 계속 만들어 지고 있는 중이고 멀지않아 컴퓨터 성능, 브라우저 성능 이외의 몇몇가지 요소들만 갖추어진다면 지금의 여러 게임 분야 및 그래픽 분야 등의 소프트웨어 등에 충분히 활용될 환경으로 변모할 것이다.

아우~ 이 무서운 세상의 발전속도!
아래의 링크들은 이러한 WebGL을 이용한 데모 및 서비스이다.

로딩 후 마우스클릭 및 위치에 반응하는 것들이니 한번 쯤 움직여 보시길~


3D 해파리가 두둥실~ :

데모 바로가기 : http://chrysaora.com/

리드미컬한 해파리의 움직임!

리드미컬한 해파리의 움직임!


Sintel Goes Boom

데모 바로가기 : http://alteredqualia.com/three/examples/webgl_materials_video.html

3D 큐빅이 모였다 흩어지고 또한 그것들 위에 동영상이 재생된다

3D 큐빅이 모였다 흩어지고 또한 그것들 위에 동영상이 재생된다


구글 Body


데모 바로가기 URL : http://bodybrowser.googlelabs.com/

구글 바디 사람의 골격, 뼈대, 신경, 내장기관, 근육 등의 여러 세부요소를 3D로 확대, 축소 하면서 살펴볼 수 있다.

구글 바디 사람의 골격, 뼈대, 신경, 내장기관, 근육 등의 여러 세부요소를 3D로 확대, 축소 하면서 살펴볼 수 있다.


Planetarium

데모사이트 URL : https://mozillademos.org/demos/planetarium/demo.html

HTML5 와 WebGL을 활용해 태양계의 천체를 멋진 효과와 함께 설명해준다

HTML5 와 WebGL을 활용해 태양계의 천체를 멋진 효과와 함께 설명해준다


이 외에도 더 많은 WebGL 데모를 살펴보시고 싶으신 분들은
구글 쪽 WebGL 예제 모음 :  http://www.chromeexperiments.com/webgl
파이어폭스 모질라 WebGL 예제 모음 :  https://demos.mozilla.org/ko/
에서 확인할 수 있다~


웹GL 강좌를 함 보고 싶은 분은 여기 : http://learningwebgl.com/blog/?p=11

최근 한달간 인기글

이 글의 관련글

REPLY AND TRACKBACK RSS http://blog.nemesys.co.kr/tt/rss/response/951
REPLY AND TRACKBACK ATOM http://blog.nemesys.co.kr/tt/atom/response/951
TRACKBACK ADDRESS
이 글에는 트랙백을 보낼 수 없습니다
REPLY RSS http://blog.nemesys.co.kr/tt/rss/comment/951
REPLY ATOM http://blog.nemesys.co.kr/tt/atom/comment/951
이름 / Name : *
비밀번호 / Password : *
홈페이지 / Homepage :
비밀글 / Secret :
*1  ... *399  *400  *401  *402  *403  *404  *405  *406  *407  ... *1128 
SNS + RSS Links
rss
다음 일간 이슈 검색어
Since 2006 Nes's Random Blogz
Total 11062245 T1101 Y5444

6497

2049

google chart api graph

-30 days

today : 1101

전체 (1128)
Nes이야기 (123)
하드웨어이야기 (260)
소프트웨어이야기 (27)
외국어이야기 (12)
IT/웹이야기 (248)
연예계/방송이야기 (140)
게임이야기 (96)
광고/제품이야기 (58)
여행/먹거리이야기 (45)
세상이야기 (98)
최근에 쓴 글
구글 딥마인드 알파고가 이세돌을 꺾은날, 애드센스로 ...
구글 설문지(구글 폼)에서 정규식으로 입력 내용 사전 ... (1)
유플러스 tv g 4k uhd 셋톱박스를 신모델인 tvg 우퍼2... (9)
신장의 야망 창조 전국입지전 - 삼국지 13의 재미를 뛰... (2)
구글 애널리틱스(Google Analytics) 보고서 및 대시보...
그래픽카드 견적을 뺀 이번 조립컴퓨터, 스카이레이크 ... (1)
기어s 웨어러블 요금제로도 올레 맴버쉽 포인트 사용이...
안드로이드 롤리팝 포팅 버전 기어s 3g 요금제 가입 후... (2)
tasker http post 기능을 활용해 스마트폰 이벤트를 sl...
삼국지13 간단 후기 - 역대 장수제 시리즈의 정점을 찍...
네이버 웹마스터도구에 블로그와 RSS 주소 등록 후 10...
네이버 웹마스터도구 개편이 불러온 검색로직 및 트래...
삼성 갤럭시 기어s 롤리팝 포팅 후기 및 앱 사용기 (1)
삼성 갤럭시 기어s에 안드로이드 롤리팝 올리기 성공! (3)
CPU 잡아먹는 어베스트 avast mft utility(mftutil.exe...
유플러스 TVG 롤리팝 업데이트 후기(via 기기교체!!) (1)
블로그 포스팅이 점점 줄어드는 이유
u+ tv g 롤리팝 업데이트를 하릴없이 기다리며 써본 간... (9)
허니버터칩은 과연 꼬꼬면의 숙명을 피할 수 있을 것인가? (3)
LG유플러스 U+ tvg 4K UHD 간단 사용기 및 신구형 셋톱... (2)
구글 애널리틱스 웹로그 분석 공인 전문가 자격 인증 ...
스마트폰 사용 패턴 통계 및 분석 with Tasker & Googl... (5)
갤럭시 기어1 - 루팅 및 안드로이드 null롬 올린 후 두... (1)
옵티머스G프로 킷캣 업데이트 후 폰트변경 - 나눔바른...
갤럭시 기어1 - 루팅 및 안드로이드 커스텀 롬 사용기 ... (5)
구글 애널리틱스 UA 업그레이드 이후 애드센스 통계 안...
스마트폰 화면 밝기 어둡게해 야밤에 시력 보호하는 방법 (1)
블루투스 휴대용 스피커 로지텍 UE Boom 간단 리뷰 및 ...
구글 스프레드시트가 canvas를 활용해 만들어졌다니!! (1)
구글 드라이브 스프레드시트(엑셀)의 놀라운 기능 impo...