设为首页 | 加入收藏  
软件定制开发
  网站首页 关于我们 新闻中心 产品介绍 解决方案 成功案例 服务支持 联系我们
首页 > 行业动态
 
【3D 渲染引擎构建工厂是基于 HTML5 Canvas 的吗?】
来源:www.sywebsoft.com 发布者:领航科技  发布时间:2019-04-22 
 

这个动画我们的思路是通过改变 camera 的位置来的实现,使用动画函数我们可以在指定的时间周期内完成动画,可理解为将某些属性由起始值逐渐变到目标值的过程。通过在 action 函数中我们对 carmera 进行细致地调整,就可以实现完美的入场效果了。finishFunc 函数中我们做了一个复制的操作,目的是要记住这个位置,以便于我们后面的功能实现,这个稍后会提到。

对了,我们还要对整个场景的视角及范围做限制:

这样可以限制翻转到场景底面,然后再对 eye 做限制防止在拉远的时候超出天空球包裹的范围。

接下来我们要加一个场景视角复位的功能:

面板数值的变化也通过绑定的属性来修改,为了做演示,我用一些随机数来代替,这里就不多说了。

然后我们要把管道的流动、履带的运行、回转窑的运动以及磨轮转动等动画先实现出来:

我把他们统一放在一个动画函数中循环播放,都是一些比较简单的动画,通过使高度、角度等属性的变化来实现相应的动画效果,如代码所示不一一细述。这里我稍微说一下关于这个管道和履带流动的实现思路,我是利用了调整 UV 贴图来完成的。

什么是 UV ?通俗的讲,UV 就是把三维立体模型的外表面剥离下来,展开铺平成二维平面状态,以便进行贴图绘制,就如同香烟盒上的包装图案其实是在纸盒片状态下印刷完成的一样。


下一篇:论关系型数据库在互联网中是否重要
 
推荐文章

Scrapy框架入门:使用Scrapy框架爬取全书 [2019-04-22]
论关系型数据库在互联网中是否重要 [2019-04-22]
沈阳软件开发后的思考 [2019-04-21]
WebService究竟是什么尼? [2019-04-21]
沈阳OA办公系统中权限管理设计 [2019-04-21]
沈阳软件开发中的差距与分析 [2019-04-21]
 
沈阳软件开发
沈阳软件定制开发
沈阳软件公司
沈阳软件开发公司
首页
关于我们
新闻中心
产品介绍
解决方案
成功案例
服务支持
联系我们
关于领航
 
公司地址:沈阳市沈河区北站路77-1号光达大厦C座13层
邮政编码:110013
客服电话:13840539193 024-31281857
Email:2579047692@qq.com
客服Q Q:2579047692
官方微信
 
Copyright @ 2005-2019 sywebsoft.com All Right Reserved
展开