TOP¿·´©´û´©I/O¥µ¥Ý¡¼¥ÈQ&AÄÌÈΤªÌ䤤¹ç¤ï¤»
¡¡´û´© > 2013ǯ > 5·î ½ñ̾¸¡º÷¡§¡¡¾ÜºÙ¸¡º÷...
Web¥Ö¥é¥¦¥¶ÍѤΡÖ3D-CGÉÁ²èAPI¡×¤¬´Êñ¤Ë»È¤¨¤ë¡ª
¡ÖWebGL / three.js¡×¤Ç¤Ï¤¸¤á¤ë 3D-CG¥×¥í¥°¥é¥ß¥ó¥°
¼µ¸Í¡¡µ±¸÷ Ãø
2013ǯ 5·î18ÆüȯÇä¡¡¡¡ A5Ƚ¡¡ 144¥Ú¡¼¥¸ Äê²Á¡¡\2,090¡ÊËÜÂΡ¡\1,900¡Ë
¡¡¡¡¡¡ISBN978-4-7775-1759-6 C3004 \1900E
¡¡¡ÖWebGL¡×¤Ï¡¢3D¤òɽ¼¨¤¹¤ëAPI¡ÖOpenGL¡×¤Îµ¡Ç½¤ò»È¤Ã¤Æ¡¢Web¾å¤Ç3DÉÁ²è¤¹¤ë¤â¤Î¤Ç¤¹¡£
¡¡¡ÖHTML5¡×¤Î¡ÖcanvasÍ×ÁǡפÈÁȤ߹ç¤ï¤»¤ë¤³¤È¤Ç¡¢3D¥°¥é¥Õ¥£¥Ã¥¯¥¹¤Îɽ¸½ÎϤ¬ÈôÌöŪ¤Ë¸þ¾å¤·¤Þ¤·¤¿¡£
¡¡­¡¡ÖFirefox¡×¡ÖGoogle Chrome¡×¡ÖIE¡×¤Ê¤É¤ÎWeb¥Ö¥é¥¦¥¶¤Ç¥ê¥¢¥ë¥¿¥¤¥à¤Ë3D-CG¤¬ÉÁ²è¤Ç¤­¤ë¡¢­¢ÆÃÊ̤ʥ½¥Õ¥È¤¬Íפé¤Ê¤¤¡¢­£É¸½àŪ¤Ê¥¹¥Ú¥Ã¥¯¤ÎPC¤Ç¤¢¤ì¤ÐCG¤ò²÷Ŭ¤ËÉÁ²è¤Ç¤­¤ë¡½¡½¤Ê¤É¤ÎÆÃŤ¬¤¢¤ê¡¢¤â¤Ã¤È¤âÃíÌܤµ¤ì¤Æ¤¤¤ëµ»½Ñ¤Î¤Ò¤È¤Ä¤Ç¤¹¡£
¡¡¤·¤«¤·¡¢¡ÖWebGL¡×¤ò»È¤¦¤Ë¤Ï¡¢¡ÖGLSL ES¡×¤È¤¤¤¦¡È´Êά²½¤µ¤ì¤¿C¸À¸ì¡É¤Î¤è¤¦¤Ê¸À¸ì¤Ç¥×¥í¥°¥é¥à¤ò½ñ¤¯É¬Íפ¬¤¢¤ê¡¢»È¤¤¤Ë¤¯¤¤Ì̤¬¤¢¤ê¤Þ¤¹¡£

¡¡¤½¤³¤Ç³«È¯¤µ¤ì¤¿¤Î¤¬¡¢¡Öthree.js¡×¤Ç¤¹¡£
¡¡¡Öthree.js¡×¤Ï¡¢¡ÖWebGL¡×¤òJavaScript¤Ç³«È¯¤Ç¤­¤ë¤è¤¦¤Ë¤¹¤ë¡Ö¥é¥¤¥Ö¥é¥ê¡×¤Ç¤¹¡£¡ÖJavaScript¡×¤ÎÃ챤µ¤¨¤¢¤ì¤Ð¡¢´Êñ¤Ê3D-CG¤Ê¤é¤¹¤°¤Ëºî¤ì¤Þ¤¹¡£

¡¡Ëܽñ¤Ï¡¢¡Ö´Êñ¤Ê¿Þ·Á¡×¤ÎÉÁ²èÊýË¡¤ä¡¢¡Ö¥Õ¥é¥¤¥È¥·¥ß¥å¥ì¡¼¥¿¡×¡ÖÅż֥·¥ß¥å¥ì¡¼¥¿¡×¤ÎºîÀ®¤òÄ̤·¤Æ¡¢¡Öthree.js¡×¤È¡ÖWebGL¡×¤ò»È¤Ã¤¿3D-CG¥×¥í¥°¥é¥ß¥ó¥°¤Î´ðËܤò²òÀ⤷¤Æ¤¤¤Þ¤¹¡£
¢£¡¡¼ç¤ÊÆâÍÆ¡¡¢£

Âè1¾Ï ¡Öthree.js¡×¤Î½àÈ÷

[1-1]¡¡¡ÖWebGL¡×¤È¡Öthree.js¡×

[1-2]¡¡¡ÖCanvas¡×¤Ë³¨¤òÉÁ¤¯

[1-3]¡¡¡Öthree.js¡×¤Î¥¤¥ó¥¹¥È¡¼¥ë

 

Âè2¾Ï ¡Öthree.js¡×¤Î¼Â¸³

[2-1]¡¡¡Öthree.js¡×¤ÎÀ¤³¦¤ËÈ¢¤òÃÖ¤¯

[2-2]¡¡¡Ö»ëÅÀ¡×¤È¡ÖʪÂΡפΰÌÃÖÀßÄê

[2-3]¡¡¡Ö¸÷¡×¤È¡ÖʪÂΤο§¡×¤òÊѤ¨¤Æ¤ß¤ë

[2-4]¡¡¡Ö¤¤¤í¤¤¤í¤Ê·Á¾õ¡×¤òÃÖ¤¤¤Æ¤ß¤ë

[2-5]¡¡¡Ö¥Æ¥¯¥¹¥Á¥ã¡×¤ÎÄɲÃ

[2-6]¡¡¡Ö¥Ð¥ó¥×¥Þ¥Ã¥×¡×¤ÎÄɲÃ

[2-7]¡¡¡Ö̸¡×¤Ç±ü¹Ô¤­¤ò¶¯Ä´¤·¤Æ¤ß¤ë

[2-8]¡¡¡Ö¥Õ¥ì¡¼¥à¤ÎÉÁ¤­´¹¤¨¡×¤ÇÆ°¤­¤ò¤Ä¤±¤ë

 

Âè3¾Ï ¡Öthree.js¡×¤Ç¡ÖÈ¢Äí¡×¤òºî¤ë

[3-1]¡¡¶õ¤òÈô¤Ö

[3-2]¡¡ÃϤòÁö¤ë

ËܽñÆâÍƤ˴ؤ¹¤ë¤´¼ÁÌä¤Ï¡¢¤³¤Á¤é
Ëܽñ¤Î¥µ¥Ý¡¼¥È¥Ú¡¼¥¸¤Ï¤³¤Á¤é¡¥
ÄÌ¿®ÈÎÇä
ºß¸Ë¤¢¤ê
¥µ¥Ý¡¼¥È¾ðÊó
¥µ¥Ý¡¼¥È
¤´°Õ¸«¡¦¤´¼ÁÌä

ÆâÍƸ«ËÜ



¡¡