일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 김양재 목사
- data science
- 확률
- nodeJS
- Statistics
- 빅 데이타
- 인공지능
- 빅데이타
- 빅 데이터
- 우리들교회
- 김양재
- c++
- 통계
- openCV
- 딥러닝
- WebGL
- R
- MongoDB
- 빅데이터
- 김양재 목사님
- Artificial Intelligence
- Big Data
- probability
- 주일설교
- Machine Learning
- node.js
- No SQL
- 데이터 과학
- Deep learning
- 몽고디비
- Today
- Total
목록웹지엘 (29)
Scientific Computing & Data Science
이번 예제는 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..
이번 예제는 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..
이번 예제는 Cube Map에 관한 것이며, Cube Map은 environment mapping의 일종으로서 환경이 오브젝트에 반사된 것과 같은 효과를 내기 위한 것입니다.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.js123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354..
이번 예제는 지오메트리의 재질, 즉 매터리얼에 관한 것이며, 기본 매터리얼인 Basic, Lambert, Phong 쉐이딩으로 구성하였습니다.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.js123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263..
이번 예제는 기본적인 Geometry에 대한 것입니다. 기본적인 Geometry라 함은, Three.js가 제공하는 Geometry Primitives를 의미합니다.Download Project Click here to view with full screen mode OperationsMouse Left Button Click & Drag: Camera Rotating Mouse Wheel: Camera Zoom In & Out Mouse Right Button Click & Drag: Camera Panning main.js12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455..
이번 글에서는 가장 기본적인 Sphere 오브젝트를 하나 표시하는 정도의 수준으로 일종의 Three.js 프레임웍 기반의 WebGL Project 템플릿을 소개하고자 합니다. Download Project FULL SCREENOperationsMouse Left Button Click & Drag: Camera RotatingMouse Wheel: Camera Zoom In & OutMouse Right Button Click & Drag: Camera Panningmain.js12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686..