| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- Artificial Intelligence
- Machine Learning
- data science
- No SQL
- nodeJS
- 김양재 목사님
- 몽고디비
- Statistics
- 우리들교회
- 인공지능
- 빅데이터
- c++
- 빅 데이타
- 빅데이타
- openCV
- Big Data
- MongoDB
- 통계
- Deep learning
- WebGL
- 주일설교
- 확률
- 데이터 과학
- 빅 데이터
- 김양재
- probability
- 딥러닝
- 김양재 목사
- R
- node.js
- Today
- Total
목록WebGL (41)
Scientific Computing & Data Science
이번 예제는 오픈소스 3D 제작도구인 Blender로 3D Scene을 만들고 이를 Three.js 프레임웍의 Blender Scene Loader로 불러오는 방법에 관한 것입니다.Download Project Click here to view with full screen mode OperationsMouse Left Button Click & Drag: Camera RotatingMouse Wheel: Camera Zoom In & OutMouse Right Button Click & Drag: Camera Panningmain.js12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152..
이번 예제는 3D 오브젝트의 포맷 중 하나인 Collada 파일을 불러서 지오메트리 렌더링에 관한 것입니다.Download Project Click here to view with full screen mode main.js123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127..
이번 예제는 WebGL에서의 GUI 표현에 대한 것이다. GUI Controller를 통해 오브젝트 인스턴스를 생성하거나 속성을 변경하도록 하겠습니다. 아래 화면은 GUI Controller에 가려 scene이 잘 안 보일 수도 있으니 가급적 FULL SCREEN을 클릭하여 볼 것을 권장합니다.Download Project Click here to view with full screen mode OperationsMouse Left Button Click & Drag: Camera RotatingMouse Wheel: Camera Zoom In & OutMouse Right Button Click & Drag: Camera Panningmain.js1234567891011121314151617181920..
이번 예제는 Texture Canvas에 관한 것입니다. Canvas는 HTML5의 Canvas 엘리먼트를 의미하며, Canvas에 texture를 맵핑하는 기법입니다.Download Project Click here to view with full screen mode OperationsMouse Left Button Click & Drag: Camera RotatingMouse Wheel: Camera Zoom In & OutMouse Right Button Click & Drag: Camera Panningmain.js123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555..
이번 예제는 Video Texture에 관한 것입니다. Video Texture는 정적인 이미지 대신 비디오 영상을 texture로 사용하는 것이다. 예제에서의 비디오는 오디오를 포함하고 있습니다.Download Project Click here to view with full screen mode OperationsMouse Left Button Click & Drag: Camera RotatingMouse Wheel: Camera Zoom In & OutMouse Right Button Click & Drag: Camera Panningmain.js12345678910111213141516171819202122232425262728293031323334353637383940414243444546474..
이번 예제는 Render Texture에 대한 것입니다. Render Texture란 가상 카메라를 통해 렌더링 된 이미지를 오브젝트의 texture로 맵핑하는 기법을 의미합니다. Download Project Click here to view with full screen mode OperationsW: Move forwardS: Move backwardQ: Move to the leftE: Move to the rightA: Rotate to the leftD: Rotate to the rightmain.js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859..
이번 예제에서는 화면을 2분할 하고 우측 화면에는 가상 카메라의 움직임을, 좌측 화면에는 가상 카메라를 통해 입력되는 영상을 표시합니다.Download Project Click here to view with full screen mode OperationsW: Move forwardS: Move backwardQ: Move to the leftE: Move to the rightA: Rotate to the leftD: Rotate to the rightmain.js12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717..
이번 예제는 Texture의 기본에 대해 알아보기 위한 것입니다.Download Project Click here to view with full screen mode OperationsMouse Left Button Click & Drag: Camera RotatingMouse Wheel: Camera Zoom In & OutMouse Right Button Click & Drag: Camera Panningmain.js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848..
이번 예제에서는 Three.js WebGL 프레임웍에서의 그림자를 구현하는 방법에 관한 것입니다.Download Project Click here to view with full screen mode OperationsMouse Left Button Click & Drag: Camera RotatingMouse Wheel: Camera Zoom In & OutMouse Right Button Click & Drag: Camera Panningmain.js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757..
이번 예제는 Refraction Material에 관한 것이다. Refraction Material은 유리와 같은 투명 재질을 표현하기 위한 것입니다.Download Project Click here to view with full screen mode OperationsMouse Left Button Click & Drag: Camera RotatingMouse Wheel: Camera Zoom In & OutMouse Right Button Click & Drag: Camera Panningmain.js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606..