3

私がインターネットでサーフィンをしていたとき、私はこれを見ました: http://www.enter-the-void.co.uk/#/menu jquery / html5 でこれを作るアイデアはありますか?

前もって感謝します。

編集 ：

最後に、この方法を使用するのが最善の方法だと思います：

  • 例ごとに、高さ 100%、幅 1200px のコンテナー div を作成します。
  • このコンテナに多くの小さな div を作成して修正します
  • jQueryを使用してマウスの位置を取得し、コンテナのdivを左右に移動します
  • コンテナが移動するときに、小さな div に CSS 3D 変換を使用して「パースペクティブ」スタイルを追加します

どう思いますか ？

4

4 に答える 4

1

私の頭の中では、Three.jsがそれを手助けしてくれるかもしれません。3D オブジェクトをレンダリングするための JavaScript ライブラリです。オブジェクト自体はそれほど難しくないと思います。カスタムテクスチャを備えた平らな表面の束。ただし、カメラを実現するのは難しいかもしれません。

于 2013-01-30T11:14:19.020 に答える
0

Make This EffectにはWebglまたはcanvasを使用できます

于 2013-01-30T11:13:27.240 に答える
0

ロリー・マクロッサンがコメントで言ったように。

jquery パララックスを確認してください。これはまさに void サイトで起こっていることです。

divを異なる視差レイヤーに配置して、魔法が起こるのを見てください;-)

http://stephband.info/jparallax/

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

http://www.sequencejs.com/themes/sliding-horizo​​ntal-parallax/

于 2013-01-31T23:53:23.617 に答える