web-applications - 构建自定义构建界面

Question

我希望通过构建一个基于用户选择生成自定义(产品)构建的界面来真正挑战自己。

以下是我所指的两个示例:

*注意:这些有时可能需要一段时间才能加载

Design Your Own Converse Shoes

Custom Made Womens Shoes - Shoes of Prey

如您所见，用户选择基本产品(鞋型或款式)并选择选项，允许他们使用不同的衬里、颜色、 Material 等定制自己的产品。我知道一些 T 恤公司也做这种事情但我选择了这些示例，因为它们在细节变化方面更加全面。

所以我的问题是:

是否有我可以进一步研究的此类应用程序的特定名称？

是否有框架或现有基础可以帮助我学习和更好地理解此类软件应用程序背后的逻辑？

如果有人以前构建或使用过类似的东西，您使用的是什么语言，为什么？

我是一名学习型 Web 开发人员，我对 HTML、CSS、JavaScript、PHP、mySQL 等 Web 技术非常熟悉。我现在才开始着手构建我的第一个基于 MVC 的项目。这是一个缓慢的学习过程，因为我在“专攻”特定学科之前正在尝试不同的事情。破译什么在哪里以及为什么使用本身就是一个挑战。

显然有不同的方法可以做到这一点，因为 Converse 使用 Adob​​e Flash Player 生成结果，而 Shoe of Prey 每次进行新更改时都会更新 jpg 图像。到目前为止，我对逻辑的当前(和有限的)理解是，后端可能有数百张图像根据用户选择的变量进行更新。我真的很想对一个工作示例进行逆向工程，以便我可以理解所涉及的编程并使用这些理解构建一个。

我已经浏览了上面示例的源代码，但显然有很多服务器端的东西我看不到。我还通过builtwith.com 资源运行了每个网站，但到目前为止没有很多技术信息对我有帮助。

我们也真诚欢迎任何建议、资源或专业见解。我从 SO 社区学到了很多东西，所以我感谢您的时间并为这篇长篇文章道歉。

Answer 1

我建议您为鞋子使用 SVG 文件。

今天所有主要浏览器都支持 SVG，与 JPG 相比，它们非常小，并且也适用于平板电脑/手机，而 Flash 则不然。

这将使您的应用程序非常快，因为您不会弄乱太多图像，并且在设置着色等时，您只需在对象上切换类并更改它，无需服务器回调。

您甚至可以改变杆身的高度或加宽鞋底等。

SVG 可以处理不规则区域(多边形)、图案、图像、文本和颜色，分层处理，具有透明度，因此您可以创建非常漂亮的鞋子 :)

它们可以在不降低质量的情况下进行扩展，适合大小屏幕/显示器。

在这里，您可以阅读更多关于 HTML5 在图形方面必须提供的内容
http://www.html5rocks.com/en/features/graphics

这里是关于 SVG 和 HTML5 Canvas
http://seenjs.io/

如果你想进一步复杂化，谷歌搜索“3D”并找到这样的东西
http://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954

但我推荐 ，保持简单并销售鞋子，而不是建立一个很酷的 3D 网站。