问网站-动态图像放置(模拟)

EN

除了开发网站，我也是，尤其是一个平面设计师。当我在visual identity上工作时，我经常使用Mockups向我的客户展示情况下的设计。

在制造和设计中，模型，或模拟，是一个设计或设备的规模或全尺寸模型，用于教学、演示、设计评估、推广和其他目的。

下面是模型的一些例子：

​

​

我现在正在开发一个e-commerce website，只是为了训练自己，因为开发比一个简单的展示网站要重得多。为了改进User Experience，我想包括一种实现interactive mockups的方法，如上面所示。

我所想到的是一种实现visualise a picture on a frame whitin a room的方法。

看起来像这样的东西：

​

​

每个墙和框架都可以定制，就像这样(只是一个丑陋的例子)：

​

​

问题是，基本上，我不知道what to use是否能实时开发这种模拟(用户只需上传图片，图片就能适应容器)。

以下是我已经想到的：

• 用简单的div制作容器，其中我将用Javascript更改背景图像。这样做有点容易，但它不能满足我的需要，因为图片不会跟随perspective，如下图所示：

​

​

• 我的第二个想法是在3D中设置房间，这会有点困难，但不会太大。但在这种情况下，我不知道如何在网上change a 3D model texture。我想一定有一些包裹和护具。可能和jquery有关吧？
• 我最终想到了使用PHP GD生成一个图像，但上次我使用它时，它是如此痛苦。我不认为它能产生任何“过激”的纹理。

所以我的问题是，what firmware/tool，你们能建议我这么做吗？在你看来，best options是什么，between using a 3D model and a static Image？

很抱歉寄了这么长的邮件。我想尽可能的说清楚。

编辑:

也许和WebGL有什么关系？