1

基本的に、「シャツ デザイナー」を作るというアイデアにアプローチする方法についての提案を探しています。

シャツのシルエットを想像してみてください。そのシャツの生地パターンが 200 以上あるとします。

クリックする$fabric_xと、その特定のパターンでシルエットが塗りつぶされます。

基本的には、ここでのやり方と同じです: (左側のファブリックをクリック) http://www.savvytailor.com/build-a-shirt.php?osCsid=c55610679180fcaa69abcae9b22dc0c5

私の考え ...これは難しい道ですが、次のようになります。

  • Photoshop から塗りつぶされた各パターンのシルエットを保存します (大量の作業)。
  • XML リストですべての異なるファブリック パターンを管理する
  • Jqueryを使用 - > XMLをロード > フロントエンドでリストを生成
  • Jqueryを使用->特定のクリックを置換/表示する関数を作成します$fabric_x

私は、シルエットで $fabrics を表示するためのより簡単な方法があると考えています。

アイデア、コメント、提案はありますか？

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にいるあなたの仲間はまさにそれを行いました: 生地の種類 (袖口、後ろ、前、袖など) ごとに多数の画像を作成し、ユーザーが選択した生地の種類に基づいて必要な画像を読み込みます。これらのファイルは、シャツごとに 1 つのフォルダーというように、多数のフォルダーに分散されています。ファイル名は生地の種類に対応しています。そのため、ファブリック コード 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 に答える