|
[Âü°í¼] Three js·Î 3D ±×·¡ÇÈ ¸¸µé±â (acornÇ÷¯½ºPACKT ½Ã¸®Áî) [ÀýÆÇ] |
|
| ¤ýÆǸŰ¡ | 35,000 ¿ø (0%, 0 ¿ø ÇÒÀÎ) | | ¤ýÀû¸³±Ý | 1,050 ¿ø (3% Àû¸³) | | | | ¤ýÃâ°£ÀÏ : 2016 ³â 4 ¿ù 28 ÀÏ | | ¤ý436 ÂÊ | 188*235*23mm/827g | ISBN : 9788960778542 | | | | ¤ý1¸¸¿ø ÀÌ»ó ÁÖ¹®½Ã ¹«·á¹è¼Û | |
|
|
|
| ÃֽŠºê¶ó¿ìÀú´Â Ç÷¡½Ã³ª ÀÚ¹Ù °°Àº Ç÷¯±×ÀÎ ¾øÀ̵µ ºê¶ó¿ìÀú¿¡¼ 3D ±×·¡ÇÈÀ» »ý¼ºÇÒ ¼ö ÀÖ´Â À¥Áö¿¤(WebGL)À» Áö¿øÇÑ´Ù. ÇÏÁö¸¸ À¥Áö¿¤ ÇÁ·Î±×·¡¹ÖÀº ¾î·Æ°í º¹ÀâÇϸç, µð¹ö±ëµµ ¾î·Æ´Ù. Three.js¸¦ »ç¿ëÇϸé À¥Áö¿¤À» ¸ô¶óµµ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇØ Á÷°üÀûÀ¸·Î ¸ÚÁø 3D ±×·¡ÇÈÀ» ÀÛ¼ºÇÒ ¼ö ÀÖ´Ù. Three.js¸¦ »ç¿ëÇØ ¸ðµç ºê¶ó¿ìÀú¿¡¼ µ¿ÀÛÇÏ´Â 3D ¾Ö´Ï¸ÞÀÌ¼Ç ±×·¡ÇÈÀ» ¸¸µå´Â µ¥ ÇÊ¿äÇÑ ¸ðµç °ÍÀ» dzºÎÇÑ ½ÇÀü ¿¹Á¦¿Í ÇÔ²² ¾Ë¾Æº¼ °ÍÀÌ´Ù.. |
1 Three.js·Î ù ¹ø° 3D Àå¸é Á¦ÀÛ
__Three.js »ç¿ë¿¡ ÇÊ¿äÇÑ ¿ä±¸»çÇ×
__¼Ò½º ÄÚµå °¡Á®¿À±â
____±êÀ» »ç¿ëÇØ ÀúÀå¼Ò º¹Á¦
____¾ÆÄ«À̺긦 ´Ù¿î·ÎµåÇÏ°í ÃßÃâ
____¿¹Á¦ Å×½ºÆ®
________´ëºÎºÐÀÇ À¯´Ð½º/¸Æ ½Ã½ºÅÛ¿¡¼ µ¿ÀÛÇÏ´Â ÆÄÀ̽㠱â¹ÝÀÇ À¥ ¼¹ö
________Node.js·Î ÀÛ¾÷ÇÏ´Â °æ¿ìÀÇ npm ±â¹Ý À¥ ¼¹ö
________¸Æ ¶Ç´Â À©µµ¿ì¿ë ¸ù±¸½º Æ÷ÅÍºí ¹öÀü
________ÆÄÀ̾îÆø½º¿Í Å©·Ò¿¡¼ÀÇ º¸¾È ¼³Á¤ ºñÈ°¼ºÈ
__HTML ½ºÄÌ·¹Åæ »ý¼º
__3D °´Ã¼ÀÇ ·»´õ¸µ°ú Ç¥½Ã
__¹°Áú°ú ±¤¿ø, ±×¸²ÀÚ Ãß°¡
__¾Ö´Ï¸ÞÀ̼ÇÀ¸·Î Àå¸é °³¼±
____requestAnimationFrame ¼Ò°³
____Á¤À°¸éü ¾Ö´Ï¸ÞÀ̼Ç
____°ø ¹Ù¿î½Ì
__dat.GUI·Î ½ÇÇèÀ» ½±°Ô ¸¸µç´Ù
__ºê¶ó¿ìÀú Å©±â º¯°æ¿¡ µû¶ó ÀÚµ¿À¸·Î °á°ú¹°ÀÇ Å©±â Á¶Á¤
__¿ä¾à
2 Three.js Àå¸éÀÇ ±âº» ±¸¼º¿ä¼Ò
__Àå¸é ÀÛ¼º
____Àå¸éÀÇ ±âº» ±â´É
____Àå¸é¿¡ ¾È°³ Ãß°¡
____overrideMaterial ¼Ó¼º »ç¿ë
__Áö¿À¸ÞÆ®¸®¿Í ¸Þ½Ã
____Áö¿À¸ÞÆ®¸®ÀÇ ¼Ó¼º°ú ÇÔ¼ö
____¸Þ½Ã¿ë ÇÔ¼ö¿Í ¼Ó¼º
__µÎ °¡Áö Ä«¸Þ¶óÀÇ »ç¿ë
____Á÷±³Ä«¸Þ¶ó ´ë ¿ø±ÙÄ«¸Þ¶ó
____ƯÁ¤ ÁöÁ¡À» ¹Ù¶óº¸±â
__¿ä¾à
3 Three.js¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ±¤¿ø
__Three.js°¡ Á¦°øÇÏ´Â ´Ù¾çÇÑ ºû
__±âº» ±¤¿ø
____THREE.AmbientLight
________THREE.Color °´Ã¼ »ç¿ë
____THREE.PointLight
____THREE.SpotLight
____THREE.DirectionalLight
__Ư¼ö ±¤¿ø
____THREE.HemisphereLight
____THREE.AreaLight
____LensFlare
__¿ä¾à
4 Three.js ¹°Áú·Î ÀÛ¾÷
__¹°ÁúÀÇ °øÅë ¼Ó¼º
____±âº» ¼Ó¼º
____ºê·»µù ¼Ó¼º
____°í±Þ ¼Ó¼º
__°£´ÜÇÑ ¸Þ½ÃºÎÅÍ ½ÃÀÛ
____THREE.MeshBasicMaterial
____THREE.MeshDepthMaterial
____¹°ÁúÀÇ °áÇÕ
____THREE.MeshNormalMaterial
____THREE.MeshFaceMaterial
__°í±Þ ¹°Áú
____THREE.MeshLambertMaterial
____THREE.MeshPhongMaterial
____THREE.ShaderMaterial·Î ÀڽŸ¸ÀÇ ¼ÎÀÌ´õ Á¦ÀÛ
__¶óÀÎ Áö¿À¸ÞÆ®¸®¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ¹°Áú
____THREE.LineBasicMaterial
____THREE.LineDashedMaterial
__¿ä¾à
5 Áö¿À¸ÞÆ®¸®·Î ÀÛ¾÷
__Three.js°¡ Á¦°øÇÏ´Â ±âº» Áö¿À¸ÞÆ®¸®
____2D Áö¿À¸ÞÆ®¸®
________THREE.PlaneGeometry
________THREE.CircleGeometry
________THREE.RingGeometry
________THREE.ShapeGeometry
____3D Áö¿À¸ÞÆ®¸®
________THREE.BoxGeometry
________THREE.SphereGeometry
________THREE.CylinderGeometry
________THREE.TorusGeometry
________THREE.TorusKnotGeometry
________THREE.PolyhedronGeometry
__¿ä¾à
6 °í±Þ Áö¿À¸ÞÆ®¸®¿Í ÀÌÇ× ¿¬»ê
__THREE.ConvexGeometry
__THREE.LatheGeometry
____¾ÐÃâ·Î Áö¿À¸ÞÆ®¸® »ý¼º
________THREE.ExtrudeGeometry
________THREE.TubeGeometry
________SVG¿¡¼ ¾ÐÃâ
________THREE.ParmametricGeometry
__3D ÅؽºÆ® »ý¼º
____ÅؽºÆ® ·»´õ¸µ
____»ç¿ëÀÚ Á¤ÀÇ ÆùÆ® Ãß°¡
__ÀÌÇ× ¿¬»êÀ¸·Î ¸Þ½Ã °áÇÕ
____subtract ÇÔ¼ö
____intersect ÇÔ¼ö
____union ÇÔ¼ö
__¿ä¾à
7 ÆÄƼŬ°ú ½ºÇÁ¶óÀÌÆ®, Æ÷ÀÎÆ® Ŭ¶ó¿ìµå
__ÆÄƼŬÀÇ ÀÌÇØ
__ÆÄƼŬ°ú THREE.PointCloud, THREE.PointCloudMaterial
__HTML5 ĵ¹ö½º·Î ÆÄƼŬ¿¡ ½ºÅ¸ÀÏ ÁÖ±â
____HTML5 ĵ¹ö½º¸¦ THREE.CanvasRenderer¿Í ÇÔ²² »ç¿ë
____HTML5 ĵ¹ö½º¸¦ WebGLRenderer¿Í ÇÔ²² »ç¿ë
__ÅؽºÃ³·Î ÆÄƼŬ¿¡ ½ºÅ¸ÀÏ ÁÖ±â
__½ºÇÁ¶óÀÌÆ® ¸ÊÀ¸·Î ÀÛ¾÷
__°í±Þ Áö¿À¸ÞÆ®¸®¿¡¼ THREE.PointCloud Á¦ÀÛ
__¿ä¾à
8 °í±Þ ¸Þ½Ã¿Í Áö¿À¸ÞÆ®¸®ÀÇ »ý¼º°ú ·Îµù
__Áö¿À¸ÞÆ®¸®ÀÇ ±×·ìÈ¿Í º´ÇÕ
____°´Ã¼ÀÇ ±×·ìÈ
__¿©·¯ ¸Þ½Ã¸¦ º´ÇÕÇØ ÇϳªÀÇ ¸Þ½Ã »ý¼º
__¿ÜºÎ ÀÚ¿ø¿¡¼ Áö¿À¸ÞÆ®¸® ·Îµù
__Thee.js JSON Æ÷¸ËÀ¸·Î ÀúÀåÇÏ°í ·Îµù
____THREE.MeshÀÇ ÀúÀå°ú ·Îµù
____Àå¸éÀÇ ÀúÀå°ú ·Îµù
__ºí·»´õ·Î ÀÛ¾÷
__ºí·»´õ¿¡ Three.js ÀͽºÆ÷ÅÍ ¼³Ä¡
____ºí·»´õ¿¡¼ ¸ðµ¨À» ·ÎµùÇÏ°í ³»º¸³»±â
__3D ÆÄÀÏ Æ÷¸Ë¿¡¼ °¡Á®¿À±â
____OBJ¿Í MTL Æ÷¸Ë
____Äݶó´Ù ¸ðµ¨ÀÇ ·Îµå
____STL°ú CTM, VTK, AWD, Assimp, VRML, ¹Ùºô·Ð ¸ðµ¨ ·Îµù
____´Ü¹éÁú µ¥ÀÌÅÍ ÀºÇà¿¡¼ °¡Á®¿Â ´Ü¹éÁú ±¸Á¶ Ç¥½Ã
____PLY ¸ðµ¨·Î ÆÄƼŬ ½Ã½ºÅÛ Á¦ÀÛ
__¿ä¾à
9 ¾Ö´Ï¸ÞÀ̼ǰú Ä«¸Þ¶ó À̵¿
__±âº» ¾Ö´Ï¸ÞÀ̼Ç
____°£´ÜÇÑ ¾Ö´Ï¸ÞÀ̼Ç
____°´Ã¼ ¼±ÅÃ
____Tween.js¸¦ ÀÌ¿ëÇÑ ¾Ö´Ï¸ÞÀ̼Ç
|
|
| | ÇöÀç Three js·Î 3D ±×·¡ÇÈ ¸¸µé±â (acornÇ÷¯½ºPACKT ½Ã¸®Áî)¿¡ µî·ÏµÈ ¼ÆòÀÌ ¾ø½À´Ï´Ù. | |
|
|
|