o3d 初级demos

wjlgryx

浏览: 307068 次
性别:
来自: 北京

最近访客更多访客>>

Helkern

Helenhhj

cao510453

1729051657

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

3D 文章

view plaincopy to clipboardprint?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>O3D Example</title>

<mce:script type="text/javascript" src="o3djs/base.js" mce_src="o3djs/base.js"></mce:script>
<mce:script type="text/javascript"></mce:script>

</head>
<body>
<h1>O3D Example</h1>

<div id="o3d" style="width: 600px; height: 600px;"></div>

</body>
</html>
一个复杂的3D应用包含场景、摄像机、3D几何体、灯管和材质等。

o3djs.require('o3djs.util');
o3djs.require('o3djs.rendergraph');
o3djs.require('o3djs.primitives');
o3djs.require('o3djs.camera');
o3djs.require('o3djs.material');

//O3D程序的入口点
var g_client;
//3D视窗
var g_viewInfo;
//旋转角度
var g_animate_angle=0;

window.onload = function(){
    o3djs.util.makeClients(initialize);
}

function initialize(clientElements) {
var o3d = clientElements[0];

//初始化程序入口client
g_client = o3d.client;

// 创建场景容器
var pack = g_client.createPack();

// 创建视窗
g_viewInfo = o3djs.rendergraph.createBasicView(
      pack,g_client.root,g_client.renderGraphRoot);

// 创建材质
var material = o3djs.material.createBasicMaterial(
      pack,g_viewInfo, [1, 0, 0, 1]);

// 创建一个正方体
var cube = o3djs.primitives.createCube(pack, material, 0.5);

// 创建3D物体的容器
var transform = pack.createObject('Transform');
transform.parent = g_client.root;
transform.addShape(cube);

// 初始化Camera
o3djs.camera.fitContextToScene(g_client.root,
                                 g_client.width,
                                 g_client.height,
                                 g_viewInfo.drawContext);
//添加帧循环回调函数
g_client.setRenderCallback(onRender);
}

/**
* 帧循环回调函数
*/
function onRender(event){
    //取得帧间隔时间
    var elapsedTime = event.elapsedTime;
    g_animate_angle += 0.1 * elapsedTime;

    // camera的位置
    var eye = [ Math.sin(g_animate_angle) * 1.0,
                   1.0,
                   Math.cos(g_animate_angle) * 1.0];

    // camera的指向
    var target = [0, 0, 0];

    //告诉camera哪个方向是向上，本例中是y轴指向。
    var up = [0, 1, 0];

    //更新camera的位置
    g_viewInfo.drawContext.view = o3djs.math.matrix4.lookAt(eye, target, up);
}

分享到：

o3d 简单介绍 | O3D的优点和基本概念

2011-03-16 17:57
浏览 774
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

o3d 初级demos

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

o3d 初级demos

评论

发表评论

相关推荐

bufferData

导入支持的格式(Import)

法线贴图

法线向量

ShowWebGL 强大的3D模型查看器

o3d 创建一个平面

o3d 常见几何图形创建

o3D 材质-定义透明材质

o3D 光照设定材质的光反射系数

O3D程序基本结构

Google 三维 JavaScript API

3D引擎CopperLicht（二）

3D引擎CopperLicht

o3d 文档原文

WebGL的框架

c3dl 官方教程(二)

C3DL 官方教程(一)

3D模型导入 CanvasMatrix.js引擎 demo(一)

c3dl 可以直接导入3dmax文件的3D引擎

o3d 模型导入引擎CanvasMatrix.js

最近访客更多访客>>