c3dl教程第一课:课后练习,分析

本文介绍了如何使用C3DL JavaScript库在网页上加载并渲染3D模型。包括了必要的步骤,如加载库、创建场景、设置渲染器、导入3D模型,并通过实例演示了如何让一个3D鸭子模型进行旋转展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

佐笾已逝

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爱好者,这只是一个新的开始,我们能够一起前进吗?

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值