c3dl教程第一课：课后练习，分析

佐笾已逝

2011-5-23

 

1：需要你在网页加载c3dl的类库： <script type="application/javascript" src="../../c3dl/c3dapi.js" ></script>

2：添加一个canvas的渲染标签：<canvas id="tutorial" style="border: 2px solid blue" width="500" height="500"></canvas>

3：创建js文件Tutorial 2

4：解析3d模型文件 c3dl.addMainCallBack(canvasMain, "tutorial");

     加载3d模型文件c3dl.addModel("duck.dae");

5：创建主要方法function canvasMain(canvasName){}

6：创建一个新的对象c3dl的场景 scn = new c3dl.Scene();

      scn.setCanvasTag(canvasName);：

7：创建gl的上下文renderer = new c3dl.WebGL();

 renderer.createRenderer(this);

8：设置渲染器到场景  scn.setRenderer(renderer);

 scn.init(canvasName);

9：isReady() 方法测试是否被连接到一个场景渲染器，如果渲染器初始化失败这将返回假

 

if(renderer.isReady() ){}

10：创建一个collada对象导入到场景中 duck = new c3dl.Collada();

11：加载collada对象  duck.init("duck.dae");

12：给这只鸭子y点旋转 duck.setAngularVel(new Array(0.0, -0.001, 0.0));

13：添加对象到场景 scn.addObjectToScene(duck);

14：创建一个摄像机 var cam = new c3dl.FreeCamera();

15：摄像机位置 cam.setPosition(new Array(200.0, 300.0, 500.0));

16：设置视角 这里是指向相同的位置,作为鸭子于是鸭子会出现为中心。 cam.setLookAtPoint(new Array(0.0, 0.0, 0.0));

17：添加镜头到场景 scn.setCamera(cam);

18：开始场景 scn.startScene();

佐笾已逝

2011-5-23

广发wbgl爱好者，这只是一个新的开始，我们能够一起前进吗？