Javascript 动画和 360 度图像
Javascript animation and 360 degree image
我一直在努力弄清楚如何在这里制作类似于此解决方案的东西:Sample
我一直在做一些研究,并且偶然发现了一些非常轻量级的 jQuery 插件,可以进行 360 度图像旋转。我不明白的是:
- 如何制作类似的菜单点,使它们可以点击但仍随图像旋转?
- 你们会使用 HTML5 或 JS 来创建开始动画,其中图像组件落下并聚集到一个图像中吗?
现在,我不希望 "solution" 对此有一些建议和想法,因此我可以以最聪明的方式处理这个问题。
我猜那是 HTML5 和 JS 的混合体,可能使用了像 GSAP 这样的插件 http://greensock.com/draggable (there's a nice draggable spinner example on this page) but there's also http://julian.com/research/velocity/
正如其他人在评论中所说,这最初可能是用 3D 建模器构建的,也许是 Blender http://www.blender.org/features/ 在这种情况下,这是 HTML5 canvas 元素的混合按钮和 WebGL
更新
如果你想要 3D 模型动画,与 WebGL 一起使用的最佳插件是 http://threejs.org/ 我忘记了
这些教程也可能有帮助
http://learningwebgl.com/blog/?p=1253
http://chimera.labs.oreilly.com/books/1234000000802/ch04.html
http://www.html5rocks.com/en/tutorials/webgl/webgl_transforms/
我一直在努力弄清楚如何在这里制作类似于此解决方案的东西:Sample
我一直在做一些研究,并且偶然发现了一些非常轻量级的 jQuery 插件,可以进行 360 度图像旋转。我不明白的是:
- 如何制作类似的菜单点,使它们可以点击但仍随图像旋转?
- 你们会使用 HTML5 或 JS 来创建开始动画,其中图像组件落下并聚集到一个图像中吗?
现在,我不希望 "solution" 对此有一些建议和想法,因此我可以以最聪明的方式处理这个问题。
我猜那是 HTML5 和 JS 的混合体,可能使用了像 GSAP 这样的插件 http://greensock.com/draggable (there's a nice draggable spinner example on this page) but there's also http://julian.com/research/velocity/
正如其他人在评论中所说,这最初可能是用 3D 建模器构建的,也许是 Blender http://www.blender.org/features/ 在这种情况下,这是 HTML5 canvas 元素的混合按钮和 WebGL
更新
如果你想要 3D 模型动画,与 WebGL 一起使用的最佳插件是 http://threejs.org/ 我忘记了
这些教程也可能有帮助
http://learningwebgl.com/blog/?p=1253 http://chimera.labs.oreilly.com/books/1234000000802/ch04.html http://www.html5rocks.com/en/tutorials/webgl/webgl_transforms/