创建一个3D对象动画在html页面
Create a 3D object to animate in html page
我现在正在建立一个网页,我的经理想要有一个特定的地球(意思是:阴影,和特定的地球设计)在它上面旋转。我们有一个专门研究3D模型的团队,他们已经准备好构建对象。
但是他们和我都不知道如何正确地构建它。
我正在考虑使用画布和greensock (GSAP) js库,但事情是,我不知道如何集成一个3D对象,这个对象的扩展应该是什么。
也许WebGl更合适?或者只是多个图像?
有人知道吗?
EDIT:为了更具体,我不能使用gif或已经制作的动画,因为地球在滚动时必须旋转。如果你不滚动,地球就不会旋转。然后地球将慢慢消失,另一个物体将取而代之。
正如在评论中所读到的,我决定使用Three.js来加载对象。
Three.js有一个允许加载。obj的函数
然后我将使用GSAP (GreenSock库),以使其移动/旋转等
相关文章:
- 如何在使用Kinetic拖动同一对象后,在旋转动画中保持先前的偏移
- 对象获胜'如果qml中的其他地方定义了数字动画属性,则t设置动画
- 设置1400个Raphael.js对象的不透明度动画会影响动画性能
- 使用wow.js显示两次动画对象
- 来自多个源的 jQuery 动画 - 影响多个对象
- 将对象函数传递给请求动画帧时丢失对象引用
- 如何侦听与要完成的对象相关的所有Jquery动画
- 拖放无法识别动画CC中拖动对象的子对象
- jQuery动画没有在对象上运行(或引发错误)
- 为什么动画设置加载在TweenMax中的两个单独的对象文字中
- 如何使用JavaScript对象编写CSS3动画
- jQuery循环中的多个对象动画序列
- 从对象旋转对象.带有自定义动画功能的trix.setrotationfromleuler
- 动画对象在分离和追加后不继续动画
- 从 JavaScript 动画对象原型设置变量
- jQuery - 被赋予随机 ID 的动画对象
- 为什么我的多个动画对象不显示我的代码WebGL
- Svg动画对象跟随路径
- 动画对象之间的相对";位置:绝对;协调
- 暂停和恢复JQuery.动画对象