javascript - jqueryでパースペクティブオブジェクトを作成する

Question

たとえば、遠近感のあるオブジェクトを作成するにはどうすればよいですか。

例: http://www.spaceslide.co.uk/design-your-own.php?stage=5

ステップ5では、スライド式ワードローブが見えます。必要に応じて、側面 (左または右) も表示できます。これはJQueryで作成されていると思います。私の質問は、どのようにして遠近法を作成し、それを画像で埋めることができるのでしょうか?

または、視点を作成するためのより良いアイデアはありますか

Answer 1

何もスライドさせることはできませんでしたが、ワードローブの側面の斜視図を見ることができました.

背景画像には、画像の一部を隠している 2 つの半透明の gif が重ねられています。

これはgifの1つです：

http://www.spaceslide.co.uk/static/images/configurator/masks/endpanel-top-left.gif

そして他の：

http://www.spaceslide.co.uk/static/images/configurator/masks/endpanel-bottom-left.gif

Answer 2

ステージ 5 でさらに詳しく調べることができます。彼らは、この機能を提供するslidejs Java スクリプト ライブラリを使用しています。

ドアの色付けには、panzoom.jsライブラリを使用しています。ページの一部を着色する例をここに示します。