创建 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 库)使其移动/旋转等
我现在正在构建一个网页,我的经理想要在上面旋转一个 特定的 地球(意思是:阴影和特定的地球设计)。 我们有一个专门研究 3D 模型的团队,他们已准备好构建对象。
但他们或我都不知道如何正确构建它。
我正在考虑使用 canvas 和 greensock (GSAP) js 库,但问题是,我不知道如何集成 3D 对象,这个对象的扩展名应该是什么。
也许 WebGl 更合适?或者只是多张图片?
有人知道吗?
编辑:为了更具体,我不能使用 gif 或已经制作好的动画,因为滚动时地球必须旋转。如果你不滚动,地球就不会旋转。 然后地球会慢慢消失,取而代之的是另一个物体。
如评论所述,我决定使用 Three.js 来加载对象。
Three.js 有 a function that permit to load .OBJ
然后我将使用 GSAP(GreenSock 库)使其移动/旋转等