0

How is it possible to create for example an object with perspective.

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

In step 5 you can see the sliding wardrobe. If you want, you can also see the side (left or right). I think this is created with JQuery. My question is, how is this possible to create perspective and fill it with an image?

Or do you have any better ideas for creating perspective

Ozkan
  • 3,880
  • 9
  • 47
  • 78

2 Answers2

2

I couldn't make anything slide, but I could see a perspective view of the side of the wardrobe.

The background image is overlaid with two semi-transparent gifs obscuring part of the image.

Here's one of the gifs:

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

And the other:

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

Jonathan Nicol
  • 3,158
  • 1
  • 21
  • 22
1

You can explore more on the stage 5, They have used slidejs java script library, which provide this functionality.

To color the doors, They have used panzoom.js library. Example of coloring the part of page is given here.

Umesh Patil
  • 10,475
  • 16
  • 52
  • 80