| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- R
- 주일설교
- 통계
- 우리들교회
- 빅 데이터
- 김양재
- 빅 데이타
- 몽고디비
- Machine Learning
- 데이터 과학
- 딥러닝
- data science
- MongoDB
- No SQL
- Big Data
- c++
- openCV
- 빅데이타
- 김양재 목사
- Statistics
- Deep learning
- 확률
- 김양재 목사님
- node.js
- probability
- WebGL
- nodeJS
- Artificial Intelligence
- 빅데이터
- 인공지능
- Today
- Total
목록Programming (202)
Scientific Computing & Data Science
이번 예제는 뷰포트를 네 개로 분할하는 방법에 관한 것이다. 즉, Front View, Top View, Left View, Right View로 뷰포트를 분할한다.Download Project Click here to view with full screen mode OperationsW: Move ForwardS: Move BackwardA: Turn LeftD: Turn Rightmain.js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192..
이번 예제는 미리 정의된 특정 동작 애니메이션에 대하여 키보드로 컨트롤하는 내용입니다. 본 예제는 Three.js WebGL 프레임웍을 이용하여 Video Game을 제작할 때 아주 유용하게 응용될 수 있을 것입니다. 컨텐츠의 복잡도를 줄이기 위해 Android 모델을 이용하였습니다. * NOTE: 본 예제는 FULL SCREEN MODE로 들어가야 Android 컨트롤이 가능합니다.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..
이번 예제에서는 Tween JS를 이용한 오브젝트의 두 상태(state) 간 보간 애니메이션에 관한 것입니다.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.js123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172..
이번 예제는 free & open source 3D 제작도구인 Blender에서 제작한 애니메이션 씬을 Three.js 프레임웍의 Loader(JSONLoader)로 불러오는 것에 관한 것입니다. Blender에서 간단한 물리 시뮬레이션을 수행하고 이 애니메이션에 대하여 Frame Baking을 하여 각 Frame에 대한 애니메이션 데이터를 생성합니다.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...
이번 예제는 오픈소스 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..