查看: 1714|回复: 0
打印 上一主题 下一主题

[WEBGL] GLGE系列教程–第7节:添加动态的模型文件

[复制链接]

5552

主题

2

听众

8万

积分

首席设计师

Rank: 8Rank: 8

纳金币
-1
精华
11

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

跳转到指定楼层
楼主
发表于 2012-8-31 14:52:56 |只看该作者 |倒序浏览
这一节我主要给大家讲解如何实现模型的原地旋转,现在在你的xml中创建一个动画的类,然后对这个类设置属性,frames=”200&rime;旋转度数,channel=”RotY”旋转的轴,可以是X,Y,Z轴,point x=”200&rime;点X旋转速度,值越大越慢,
XML/HTML Code复制内容到剪贴板

<animation_vector id=”spin” frames=”200&rime;>  

<animation_curve channel=”RotY”>  

<linear_point x=”1&rime; y=”0&rime; />  

<linear_point x=”200&rime; y=”6.282&rime; />  

</animation_curve>  

</animation_vector>  

设置完成以后在你的模型文件中加载动画类的ID
XML/HTML Code复制内容到剪贴板

<collada document=”duck.dae” animation=”#spin” rot_x=”1.57&rime; loc_y=”-12&rime; scale=”0.10&rime; />  

现在运行你的网页你就会看到你的模型在顺着Y轴旋转了。
大家看到了,那个大豹子的毛发做的很不错,这是因为dae模型本身支持透明贴图,所以效果不错,还有就是,如果你的dae模型自身包含动画的话那么你可以直接导入,就可以看到这些动画了,但是现在如何用鼠标控制这些动画我还没有学会,以后的章节中会详细介绍给大家认识的。 来源:WebGL广播站
如下就是带动画的飞机:






源码下载地址:http://vdisk.weibo.com/s/z6ZD/1314629351
分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

关闭

站长推荐上一条 /1 下一条

手机版|纳金网 ( 闽ICP备08008928号

GMT+8, 2024-4-26 07:51 , Processed in 0.082963 second(s), 29 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部