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
Ïà¹ØÎĵµ£º
Javascriptº¯ÊýÀàÐÍÅжÏÍêÃÀ½â¾ö·½°¸
ÔÚÅжϺ¯ÊýÀàÐÍʱ£¬ÎÒÃÇͨ³£Ê¹ÓÃtypeof·½·¨£¬Ò»°ãÇé¿öÏ£¬Ëü»áµÃµ½ÎÒÃÇËùÔ¤ÏëµÄЧ¹û¡£µ«ÊÇ£¬ÓÐһЩϸ½Ú²¢²»ÎªÎÒÃÇËùÊìÖª¡£John Resig ÔÚ·ÖÎöÁËÕâЩϸ½ÚÖ®ºó£¬ÎªÎÒÃÇÌṩÁËÒ»¸öÍêÃÀµÄ½â¾ö·½°¸£¬±¾ÎĽ«×÷Ïêϸ½éÉÜ£º
Ò»¡¢´«Í³·½·¨²»ÎªÈËËùÖªµÄϸ½Ú
ºÁÎÞÒÉÎÊ£¬ÔÚÅжϺ¯ÊýÀàÐÍʱ£¬ÎÒÃÇÊ ......
1. oncontextmenu="window.event.returnValue=false" ½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)><td>no</table> ¿ÉÓÃÓÚTable
2. <body onselectstart="return false"> È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ
3. onpaste="return false" ²»×¼Õ³Ìù
4. oncopy="return false;" oncut= ......
// ´óѧÀï×îÍ´¿àµÄÊÂÇéιýÓÚ×ö±ÏÒµÉè¼Æ£¬Ä¿Ç°Õý´¦ÓÚÕâ¸öʱÆÚ¡£
// £º£¨ :(
//
// Ê×ÏȼǼϵÄÊÇ Function µÄÒ»¸öÎÊÌâ
Function.prototype.method = function( name, func){
if( ! this.prototype[ name]){
this.prototype[ name ] = func;
}
} // ¸ø º¯ÊýÔÐÍÔö¼Ó·½·¨
//
// ¸øº¯ÊýÔÐÍÔö¼ÓµÄ·½·¨ÔÚ St ......
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml ......
½øÈëеÄÏîÄ¿×éºó£¬·¢ÏÖ×Ô¼ºµÄ¹¦Á¦²îÔ¶ÁË£¬ËûÃÇдµÄjavaScript´úÂëÎҺܶ඼¿´²»¶®£¬ÏÖÔÚÎÒ×öjavaǰ¶Ë¿ª·¢£¬javaScriptÊǷdz£ÖØÒªµÄ£¬ÏÖÔÚÎÒ¾ö¶¨ÖØÐÂʰÆð¡¶JavaScript¸ß¼¶³ÌÐòÉè¼Æ¡·Ñ§Ï°£¬³ÉΪһ¸öjavaScriptÄÜÊÖ¡£
¿´ÍêµÚÒ»ÕÂÎÒµ½»¹ÊǸ㲻Ã÷°×DOMµÄÒâ˼¡£
......