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

Question

我正在建立一个网页，我的经理希望在其上旋转一个特定的地球（意思是：阴影和特定的地球设计）。 我们有一个专门研究3D模型的团队，他们已准备好构建对象。

但他们也不知道如何正确地构建它。

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

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

有人对此有所了解吗？

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

Answer 1

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

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

然后我会使用GSAP（GreenSock库）来移动/旋转等。