1

基本上我正在寻找有关如何处理“衬衫设计师”这一想法的建议：

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

单击$fabric_x将用该特定图案填充轮廓。

基本上就像这里的做法一样：（点击左侧的面料） http://www.savvytailor.com/build-a-shirt.php?osCsid=c55610679180fcaa69abcae9b22dc0c5

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

  • 为从 Photoshop 填充的每个图案保存一个剪影（大量工作）
  • 管理 XML 列表中的所有不同面料图案
  • 使用 Jquery -> 加载 XML > 在前端生成列表
  • 使用 Jquery -> 创建一个函数来替换/显示特定点击$fabric_x

我认为可能会有一些更简单的方法来处理在剪影中显示 $fabric - 除了必须为每个剪影 - $fabric 选项保存图像之外。

有什么想法、意见或建议吗？

4

2 回答 2

2

我可能想的很简单，但你不能在图案的图像上放一个负片形式的 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/

于 2013-04-11T11:56:17.697 回答
0

您在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 模型，然后只更改纹理。

于 2013-04-11T12:07:34.007 回答