Question

基本上我正在寻找有关如何实现“衬衫设计师”理念的建议：

想象一下有一件衬衫的轮廓。现在想象一下，我有200多种面料图案。

点击$fabric_x将填充该特定模式的轮廓。

基本上就像它在这里完成的那样:(点击左边的面料） http://www.savvytailor.com/build-a-shirt.php?osCsid=c55610679180fcaa69abcae9b22dc0c5

我的想法 ......这是艰难的道路，将是：

为从photoshop（工作量）填充的每个图案保存一个轮廓
管理XML列表中的所有不同结构模式
使用Jquery - ＆gt;加载XML＆gt;在前端生成列表
使用Jquery - ＆gt;创建一个替换/显示特定点击的$fabric_x

我想也许会有更简单的方法来处理轮廓中的$ fabric - 除了必须为每个Silhouette-$ fabric选项保存图像。

有任何想法，意见或建议吗？

Answer 1

我可能想要轻松，但是，你不能只是在图案的图像上放置一件T恤的衬衫（衬衫是透明的其余白色）？

<img src="http://us.123rf.com/400wm/400/400/davorr/davorr1101/davorr110100011/8627355-pilze-seamless-pattern-swatch-muster-included-in-eps-datei.jpg" 
width="400" 
height="400" 
STYLE="position:absolute; TOP:0px; LEFT:0px" />
<img src="https://dl.dropboxusercontent.com/u/62849616/Stackoverflow/shirts/hemd.gif" 
width="400" 
height="400" 
STYLE="position:absolute; TOP:0px; LEFT:0px" />

看看这里： http://jsfiddle.net/Vloxxity/m4APD/

Answer 2

你在http://www.savvytailor.com的朋友就是这样做的：每种面料类型（袖口，背面，正面，袖子等）创建十几个图像，然后根据用户选择的面料类型加载必要的图像。这些文件分布在多个文件夹中，每件衬衫都有一个文件夹。文件名对应于结构类型。因此，织物编码PC04CP09-05的外圈图像位于http://www.savvytailor.com/3D_Shirt_Files/low-res-images/front-view/opened-collar/outside-collar/CL02/PC04CP09-05.png

如果你使用智能文件夹结构，你不需要单独的XML来描述它的位置，你的PHP脚本无论如何都会找到它。

显然，您可以自动执行文件和文件夹生成过程 - 使用Photoshop中的脚本功能或最常用的3D创作工具。

或者，您可以使用WebGL将衬衫加载为3d模型，只需更改纹理即可。

使不同的图像模式出现在轮廓衬衫中

2 个答案: