创建 3D 对象以在 html 页面中设置动画

Create a 3D object to animate in html page

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

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

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

也许 WebGl 更合适?或者只是多张图片?

有人知道吗?

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

如评论所述,我决定使用 Three.js 来加载对象。

Three.js 有 a function that permit to load .OBJ

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