WebGL¥é¥¤¥Ö¥é¥ê¡ÖjThree¡×¤ÎÈ÷˺Ͽ¡£¸ø¼°¥µ¥¤¥È¡§http://jthree.jp/

jThree v2.1¤Î¥³¥¢¤Ë¤Ïthree.js¤Îr58¤¬ÁȤ߹þ¤Þ¤ì¤Æ¤¤¤Þ¤¹¡£
¥·¥§¡¼¥À¡¼¤äÆüì¤Ê¥ª¥Ö¥¸¥§¥¯¥È¤Ê¤É¤òthree.js¤Çºî¤Ã¤ÆjThree¤ÈÏ¢·È¤µ¤»¤ë¤³¤È¤¬²Äǽ¤Ç¤¹¡£

jThree¥ª¥Ö¥¸¥§¥¯¥È¤òthree.js¥ª¥Ö¥¸¥§¥¯¥È¤ËÊÑ´¹¤¹¤ë

jThree¥ª¥Ö¥¸¥§¥¯¥È¤òthree¥á¥½¥Ã¥É¤Çthree.js¥ª¥Ö¥¸¥§¥¯¥È¤ËÊÑ´¹¤Ç¤­¤Þ¤¹¡£
GOML¥¿¥°¤¬ÆâÉô¤ËÊÝ»ý¤·¤Æ¤¤¤ë¥ª¥Ö¥¸¥§¥¯¥È¤ò¸Æ¤Ó½Ð¤¹¤À¤±¤Ç¿·µ¬À¸À®¤·¤Æ¤¤¤ë¤ï¤±¤Ç¤Ï¤¢¤ê¤Þ¤»¤ó¡£
°ú¿ô¤ÏjQuery¤Îget¥á¥½¥Ã¥É¤òÌϤ·¤Æ¤¤¤Þ¤¹¡£
Ä̾ï¤Ï0¤òÅϤ¹¤ÈÎɤ¤¤Ç¤·¤ç¤¦¡£
(goml,head,body,import¤Ê¤É°ìÉô¤Î¥¿¥°¤Ïthree.js¥ª¥Ö¥¸¥§¥¯¥È¤ò»ý¤Ã¤Æ¤¤¤Þ¤»¤ó)

var threeObj = j3( "mesh" ).three( 0 );

three.js¥ª¥Ö¥¸¥§¥¯¥È¤òjThree¤Î3¼¡¸µ¶õ´Ö¤ËÁÞÆþ¤¹¤ë

scene¥¿¥°¤òthree.js¤Îscene¤ËÊÑ´¹¤·¤Æthree.js¥ª¥Ö¥¸¥§¥¯¥È¤òadd¤¹¤ë¤ÈÎɤ¤¤Ç¤·¤ç¤¦¡£
¡Êscene¥¿¥°°Ê³°¤ÎGOML¥¿¥°¤ËÁÞÆþ¤¹¤ë¤³¤È¤â½ÐÍè¤Þ¤¹¡£¡Ë

var geo = new THREE.CubeGeometry( 3, 3, 3 );
var mtl = new THREE.MeshPhongMaterial({color: "#f00"});
var mesh = new THREE.Mesh( geo, mtl );
j3( "scene" ).three( 0 ).add( mesh );

¥³¥á¥ó¥È¤ò¤«¤¯


¡Öhttp://¡×¤ò´Þ¤àÅê¹Æ¤Ï¶Ø»ß¤µ¤ì¤Æ¤¤¤Þ¤¹¡£

ÍøÍѵ¬Ìó¤ò¤´³Îǧ¤Î¤¦¤¨¤´µ­Æþ²¼¤µ¤¤

Menu

¥¿¥°²òÀâ(½àÈ÷Ãæ)

GOML¥¿¥°

GOML¥¹¥¿¥¤¥ë

¥×¥é¥°¥¤¥ó

ÊĤ¸¤ë¥á¥Ë¥å¡¼

  • ¥¢¥¤¥Æ¥à

ÊÔ½¸¤Ë¤ÏID¤¬É¬ÍפǤ¹

¥á¥ó¥Ð¡¼Ê罸¡ª