创建一个3D对象动画在html页面

Create a 3D object to animate in html page

本文关键字:动画 对象 html 页面 3D 一个 创建      更新时间:2023-09-26

我现在正在建立一个网页,我的经理想要有一个特定的地球(意思是:阴影,和特定的地球设计)在它上面旋转。我们有一个专门研究3D模型的团队,他们已经准备好构建对象。

但是他们和我都不知道如何正确地构建它。

我正在考虑使用画布和greensock (GSAP) js库,但事情是,我不知道如何集成一个3D对象,这个对象的扩展应该是什么。

也许WebGl更合适?或者只是多个图像?

有人知道吗?

EDIT:为了更具体,我不能使用gif或已经制作的动画,因为地球在滚动时必须旋转。如果你不滚动,地球就不会旋转。然后地球将慢慢消失,另一个物体将取而代之。

正如在评论中所读到的,我决定使用Three.js来加载对象。

Three.js有一个允许加载。obj的函数

然后我将使用GSAP (GreenSock库),以使其移动/旋转等