Google Èýά JavaScript API ·¢²¼
O3D ÊÇÒ»¸ö¿ªÔ´µÄWeb API£¬Æä¿ÉÒÔ´´½¨Ï൱ţXµÄ»ùÓÚä¯ÀÀÆ÷µÄ¿É½»»¥Ê½µÄ3DÓ¦Óá£Õâ¸öAPIÔÚºÜÓпÉÄÜ»áÐγÉÒÔºóµÄWebÉϵÄ3DͼÐεıê×¼¡£ÏÂÃæÊÇÕâ¸öAPIµÄÖ÷Õ¾µã£º http://code.google.com/apis/o3d/ ¡£O3DĿǰ֧³ÖWindows, MacºÍLinuxÈýÖÖÆ½Ì¨¡£
ÏÂÃæÊÇһЩ¼òµ¥µØÊ¹ÓÃO3DµÄAPIµÄÈçºÎ´´½¨Ò»¸öÁ¢·½Ì壬¸üÏêϸµÄÄÚÈÝÇë·ÃÎÊO3DµÄÍøÕ¾¡£
1£©Ê×Ñ¡ÎÒÃÇÏÈ´´½¨Ò»¸ö±È½ÏÔʼµÄÁ¢·½Ì塣ʹÓÃcreateCube()·½·¨¡£
01
function createCube(material) {
02
var cubeShape = g_pack.createObject('Shape');
03
var cubePrimitive = g_pack.createObject('Primitive');
04
var streamBank = g_pack.createObject('StreamBank');
05
06
cubePrimitive.material = material;
07
cubePrimitive.owner(cubeShape);
08
cubePrimitive.streamBank = streamBank;
09
.
10
.
11
.
2£©È»ºó£¬ÎÒÃÇÐèÒªÖ¸¶¨Ò»Ð©¶¥µãÐÅÏ¢¡£
ÆäÖУ¬ÎÒÃÇÀûÓÃÈý½ÇÐÎÀ´¹¹Ôì3DͼÐΡ£Ò»¸öÁ¢·½ÌåÓÐ12¸öÈý½ÇÃæ£¬Á½¸ö¹¹³ÉÒ»¸öÃæ£¬È»ºóÓÐ8¸ö¶¥µã¡£
1
cubePrimitive.primitiveType = g_o3d.Primitive.TRIANGLELIST;
2
cubePrimitive.numberPrimitives = 12; // 12 triangles
3
cubePrimitive.numberVertices = 8; // 8 vertices in total
4
cubePrimitive.createDrawElement(g_pack, null); // Create the draw element for this primitive.
3£©Ö¸¶¨Ò»ÏÂ8¸ö¶¥µãµÄ×ø±ê¡£
01
var positionArray = [
02
-0.5, -0.5, 0.5, // vertex 0
03
0.5, -0.5, 0.5, // vertex 1
04
-0.5, 0.5, 0.5, // vertex 2
05
0.5, 0.5, 0.5, // vertex 3
06
-0.5, 0.5, -0.5, // vertex 4
07
0.5, 0.5, -0.5, // vertex 5
08
-0.5, -0.5, -0.5, // vertex 6
09
0.5, -0.5, -0.5 &nb
Ïà¹ØÎĵµ£º
400¶à¸öJavaScriptÌØÐ§´óÈ«£¬°üº¬È«²¿Ô´´úÂëºÍÏêϸ´úÂë˵Ã÷£¬²»¿É¶àµÃ
JavaScriptʵÏÖ¿ÉÒÔÍêÈ«×ÔÓÉÍÏ×§µÄЧ¹û£¬´øÈý¸ö·¶Àý http://www.sharejs.com/showdetail-501.aspx
javascriptʵÏÖ¿ÉÒÔ×ÔÓÉÍ϶¯µÄÊ÷ÐÎÁбí http://www.sharejs.com/showdetail-500.aspx  ......
ÓÐЩʱºòÄ㾫ͨһÃÅÓïÑÔ£¬µ«ÊǻᷢÏÖÄãÆäʵÕûÌìÔÚºÍÆäËüÓïÑÔ´ò½»µÀ£¬Ò²ÐíÄãÒÔΪÕâЩ΢²»×ãµÀ£¬²»ÖÁÓÚÓ°ÏìÄãµÄ¿ª·¢½ø¶È£¬µ«Ç¡Ç¡ÊÇÕâЩÄã²»ÖØÊӵĶ«Î÷
»áÀË·ÑÄãºÜ¶àʱ¼ä£¬ÎÒÒ»Ö±ÒÔΪÎÒÔçÔÚ¼¸Äêǰ¾ÍÒѾ¾«Í¨JavaScriptÁË£¬Ö±µ½Ä¿Ç°£¬ÎÒ²ÅÔ½À´Ô½¾õµÃJavaScriptÔ¶±ÈÎÒÏëÏóµÄ¸´ÔÓºÍÇ¿´ó£¬ÎÒ
¿ªÊ¼³ç°ÝËü£¬
³Ã׎ÚÈյĿÕ϶£¬°ÑÓÐ ......
Javascriptº¯ÊýÀàÐÍÅжÏÍêÃÀ½â¾ö·½°¸
ÔÚÅжϺ¯ÊýÀàÐÍʱ£¬ÎÒÃÇͨ³£Ê¹ÓÃtypeof·½·¨£¬Ò»°ãÇé¿öÏ£¬Ëü»áµÃµ½ÎÒÃÇËùÔ¤ÏëµÄЧ¹û¡£µ«ÊÇ£¬ÓÐһЩϸ½Ú²¢²»ÎªÎÒÃÇËùÊìÖª¡£John Resig ÔÚ·ÖÎöÁËÕâЩϸ½ÚÖ®ºó£¬ÎªÎÒÃÇÌṩÁËÒ»¸öÍêÃÀµÄ½â¾ö·½°¸£¬±¾ÎĽ«×÷Ïêϸ½éÉÜ£º
Ò»¡¢´«Í³·½·¨²»ÎªÈËËùÖªµÄϸ½Ú
ºÁÎÞÒÉÎÊ£¬ÔÚÅжϺ¯ÊýÀàÐÍʱ£¬ÎÒÃÇÊ ......
ÕâÁ½Ì쿪ʼд¹Å´úµØÍ¼µÄGISÍøÕ¾£¬Ëµ°×Á˾ÍÊÇÓùŴúµØÍ¼µÄÄÚÈÝЧ·ÂɽկһÏÂ¹È¸èµØÍ¼¡£
JSÕâ¶«Î÷ºÜ¾ÃûдÁË£¬ÓÐЩ¸ÅÄîÒ²ºÜÄ£ºý£¬µ¼ÖÂÍê³É·Ö¿éÍ϶¯¼ÓÔØµÄ¹¦Äܾͻ¨Á˺öàʱ¼ä¡£
Ö÷ÒªÎÊÌâÊdzöÔÚÍ϶¯Ê±¶ÔÔªËØÄÚÈݵĶ¯Ì¬ÐÞ¸ÄÉÏ£¬×ܽáÏ¡£
ͨ¹ýJS½Å±¾¶¯Ì¬ÐÞ¸ÄDOMÔªËØÄÚÈÝͨ³£ÓÐÁ½ÖÖ·½·¨£º
1. ͨ¹ýDOM±ê×¼½Ó¿Ú´´½¨ÔªËØ
var new ......
//¸÷Öֳߴç
s += "\r\nÍøÒ³¿É¼ûÇøÓò¿í£º"+ document.body.clientWidth;
s += "\r\nÍøÒ³¿É¼ûÇøÓò¸ß£º"+ document.body.clientHeight;
s += "\r\nÍøÒ³¿É¼ûÇøÓò¸ß£º"+ document.body.offs ......