0

Javascriptやキャンバスなどに関しては完全な初心者ですが、この画像(1920x1080)があり、誰かが画像にカーソルを合わせると画像が傾きます。

したがって、マウスを画像の上部に移動すると、画像の下部が手前に出てきて、上部がドキュメントに入るように見えます。マウスを右に動かすと、左側が少し出てきて、右側がドキュメントに入ります。

このように、http: //www.simpleviewer.net/tiltviewer/app/ はより微妙で、Flash ではありません。

この例は JavaScript で作成されていますが、方法がわかりません。また、ソースを完全に読むことができず、ソース コードを抜き出したくありません http://mrdoob.com/97/depth_of_field

どこから始めればよいのか、どのように始めればよいのかわかりません。現在、Javascript のより高度なセクションに飛び込んでいるので、ヘルプやアドバイスをいただければ幸いです。

4

1 に答える 1

0

これは私が作ったばかりのデモです。そこで値を変更できます。

-webkit-transform:  skewX(30deg);

40度まで

猫の画像にカーソルを合わせてみてください。

http://jsfiddle.net/B8FSb/

基本的に、あなたが言及したデモアプリを実行できるようにするには、css遷移とcss変換を理解する必要があります。

https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_transitions

于 2013-02-27T10:02:36.837 に答える