易截截图软件、单文件、免安装、纯绿色、仅160KB

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特效大全

400多个JavaScript特效大全,包含全部源代码和详细代码说明,不可多得
JavaScript实现可以完全自由拖拽的效果,带三个范例     http://www.sharejs.com/showdetail-501.aspx 
javascript实现可以自由拖动的树形列表     http://www.sharejs.com/showdetail-500.aspx  ......

添加收藏夹,只运行一次的javascript代码


function get_cookie(Name)
{
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0)
{
    var offset = document.cookie.indexOf(search)
    if (offset != -1)
    {
    &nbs ......

javascript中的CDATA字段


CDATA 内部的所有东西都会被解析器忽略。
假如文本中包含了大量的 "<" 和 "&" 字符 - 就像编程代码中经常出现的情况一样 - 那么这个 XML 元素就可以被定义为一个 CDATA 部分。
CDATA 区段开始于 "<![CDATA[",结束于 "]]>":
<script type="text/javascript">
<![CDATA[
function compare(a,b ......

Javascript中最常用的61个经典技巧

 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= ......

javascript技术技巧大全

//各种尺寸
s  +=  "\r\n网页可见区域宽:"+  document.body.clientWidth;  
s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;  
s  +=  "\r\n网页可见区域高:"+  document.body.offs ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号