javascript - 如何编写自定义剪裁的 3D Web 应用程序？

Question

当我在网络研究时，我发现定制网站的模拟应用程序可以以某种方式编写。我对 JavaScript、HTML5、CSS3 和 PHP 编程有一定的了解。但是我仍然不知道如何编写这样的模拟程序。有人可以分享我的想法，我该如何准备编写这样的应用程序？

即使我研究了几个星期，我什至无法理解应用程序的逐步开发过程。这是 Tailor 4 less 制作的示例应用程序。

我对这样的应用程序也没有想法这是由 Tailor Store UK 制作的应用程序。

Answer 1

The tailor application you gave a link you uses quite low-tech approach. It uses (pre?)generated images for each option (using transparency layer). Images are stacked one upon another to produce the final result.

Of course, the end-result is looking nice, which is due to careful web-design.

In short: you need a pile of carefully prepared images (it's a lot of routine work unless you have them readily 3d-modelled) for each detail and clever URL-mapping to choose the image. Everything else is just programming choices in HTML/javascript and loading correct images into corresponding layers.

Use browser's development tools (like Firebug for Firefox) to discover how the application works.