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键盘事件侦听
在使用JavaScript做WEB键盘事件侦听捕获时,主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。该三个事件的执行顺序如下:onkeydown -> onkeypress ->onkeyup。在一般情况下,采用三种键盘事件均可对键盘输入进行有效的响应。当在实际使用中,会发现这几者有些不同的差别。
......
400多个JavaScript特效大全,包含全部源代码和详细代码说明,不可多得
JavaScript实现可以完全自由拖拽的效果,带三个范例 http://www.sharejs.com/showdetail-501.aspx
javascript实现可以自由拖动的树形列表 http://www.sharejs.com/showdetail-500.aspx  ......
function get_cookie(Name)
{
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0)
{
var offset = document.cookie.indexOf(search)
if (offset != -1)
{
&nbs ......
//各种尺寸
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域高:"+ document.body.offs ......
进入新的项目组后,发现自己的功力差远了,他们写的javaScript代码我很多都看不懂,现在我做java前端开发,javaScript是非常重要的,现在我决定重新拾起《JavaScript高级程序设计》学习,成为一个javaScript能手。
看完第一章我到还是搞不明白DOM的意思。
......