首页 文章

使用jquery制作3d效果

提问于
浏览 次
3

当我在互联网上冲浪时，我看到了这个：http://www.enter-the-void.co.uk/#/menu你有没有想过用jquery / html5制作这个？

先感谢您 .

EDIT :

最后我认为最好的方法是使用这种方法：

  • 创建一个高度为100％且宽度为1200px的容器div

  • 在这个容器上创建并修复许多小div

  • 使用jQuery获取鼠标位置并向右或向左移动容器div

  • 当容器移动时添加"perspective"样式与CSS 3D变换小divs

你怎么看 ？

javascript jquery html5 css3 3d

4 回答

  • 1

    在我的头顶，Three.js可以帮助你 . 它是一个用于渲染3D对象的JavaScript库 . 我猜对象本身不会太难;一堆带有自定义纹理的平面 . 但相机可能更难完成 .

    回复于
  • 0

    您可以使用Webgl或画布来制作此效果

    回复于
  • 1

    就像rory mccrossan在评论中所说的那样 .

    检查jquery parallax，这正是进入void站点时发生的事情 .

    把你的div放在不同的视差层上，看看魔法发生;-)

    http://stephband.info/jparallax/

    https://github.com/IanLunn/jQuery-Parallax

    http://www.sequencejs.com/themes/sliding-horizontal-parallax/

    回复于
  • 0

    显然，有几种创造性的方法可以实现 . 但是，截至目前，没有任何浏览器本身支持3D渲染 . 但是，webkit，opera和mozilla确实支持 2d rendering

    这意味着通过 javascript and css solely 你可以创建3d的外观 . 但除了已经提到的（WebGL，three.js库，画布技巧）之外，没有浏览器支持3d渲染 .

    阅读我关于这个年历史的博文：Simple '3D' Rendering With CSS3 and Javascript

    回复于

相关问题