← 作例一覧へ戻る
CDG-011VERIFIED

ROUND COFFEEの立体パッケージ

架空のカフェ「ROUND COFFEE」のカップ・蓋・スリーブ・コーヒー豆袋を、同じ3D空間で確認する意匠モックアップ。視点や2つの配色を切り替えられます。

テンプレート
3D object
用途
飲食店
検証日
2026-09-19
形式
WebGL / 操作できる3D意匠
別タブで開く ↗

3Dモックアップ内をスクロールすると、最後まで確認できます。 表示スペースに合わせて縮小しています。

ドラッグまたは操作ボタンで立体を回し、視点や配色を切り替えられます。書き出し操作は「別タブで開く」から独立表示して行います。

操作できる3D HTML(Codex補正版)約3.0MB操作・依存・製造前の確認事項約4KB3Dモデル GLB(BLUE配色・再読込未検証)約983KB掲載用一式ZIP(Codex補正版)約1.7MBClaude Design編集用原本ZIP(補正前)約16KB

掲載用package.htmlはthree.js 0.184.0と関連モジュールを内包。掲載用ZIPはモデル・スクリプト・依存ファイル・MITライセンス・利用メモを収録します。Claude Design原本ZIPは取得時のままです。 GLBはBLUE配色を実際に書き出したファイルです。

実際に入力したプロンプト全文

3D objectテンプレートで、架空のカフェ「ROUND COFFEE」のテイクアウト容器・パッケージを3Dモックアップにしてください。成果物ごとに合うデザインでよく、既存のカフェ作例やギャラリーの意匠には合わせなくてよいです。

見せたいもの:①蓋付きのテーパー型紙カップ(約12oz相当の意匠イメージ)②紙スリーブ ③コーヒー豆200g袋のスタンドパック。3点を同一の3D空間に配置し、立体として回して裏側も見られるようにする。2Dイラストを回転させただけにせず、カップは円形断面と厚み、蓋、袋は底のマチや上端シール、スリーブは本体に巻かれる形状を持つ。正確な製造寸法、容量保証、展開図ではなく意匠確認用モックアップと明記。

ブランド:コバルトブルーとオフホワイト、コーラルを少量。大きな円弧のマーク、太めのROUND COFFEEロゴ、軽快で現代的。ロゴが曲面に沿い、裏面もブランドパターンが続く。紙のマット感と柔らかい影、ニュートラルなスタジオ照明で、ひと目で形状と印刷柄がわかる。文字が裏返ったりパーツが貫通しないように。背景は薄いブルーグレー。

閲覧機能:ドラッグで回転、拡大縮小、初期視点へ戻す、正面/背面/俯瞰のプリセット、自動回転ON/OFF、配色をBLUE/CORALで切替。商品形状を変えずに色だけ変える。操作説明とキーボード/ボタンによる代替操作、タッチ操作を用意。prefers-reduced-motionでは自動回転OFF。PC1200px/スマホ390pxで見やすい。

成果物:動く3D作品のデザイン本体と、ブラウザで開ける package.html、notes.txt。WebGL/Three.js等が必要なら使ってよいが、必要なライブラリを同じプロジェクトに保存し相対参照とし、CDN必須でない持ち出せる成果物を優先。画像/フォントは外部依存なし。可能ならglTF/GLBも生成してよいが、生成できない形式を納品済みとしない。HTML+必要アセットをプロジェクトに保存。
notes.txtに配色、パーツ構成、操作、依存ライブラリ、実製造前に必要な確認(容器規格・印刷範囲・食品接触材・色校正)、本作品が製造仕様や食品安全の保証ではない旨を簡潔に記載。
自分でも表示・回転・リセット・配色切替・モバイルを確認し、立体の欠けや文字切れを直してください。

店名・商品・価格・色の指定を、自分のお店に合わせて書き換えてください。生成結果は利用前に確認しましょう。

生成モデル
Claude Design / Opus 5 High
初稿確認まで
正確な生成時間は未計測(4件を並行制作)
掲載用の補正
依存内包、ステージ配置、回転・拡縮操作、回転表示の同期をCodexが補正。
最終工程
Claude Designのセッション上限により、補完・最終確認はCodexが担当。手動補正を含み、Claudeの自動修正回数は未確定。

できたこと

  • WebGL描画、背面・俯瞰の視点、BLUE/CORALの配色切り替え、ドラッグ操作と390px表示を確認。
  • 自動回転ONからドラッグすると停止し、表示もOFFへ同期する動作を確認。
  • BLUE配色のGLBを書き出し、glTF 2.0・13 meshes・7 materials・3埋込imagesを確認。

気になった点・未確認

  • WebGL対応ブラウザとGPU環境が必要です。実寸・容量・製造規格・強度や食品安全を保証する製品設計ではありません。
  • 埋め込み内では書き出しボタンを非表示にしています。「別タブで開く」から独立表示した場合に利用できます。
  • 配布GLBはBLUE配色の書き出し版です。外部3Dアプリでの再読み込み・形状や柄の再現性は未検証。OBJ+MTLはロゴ等のCanvasTexture画像を含まず、印刷柄を保持しません。
  • 掲載版はCodexが画面配置・操作ボタン・回転表示の同期を補正し、three.jsの固定バージョンを内包しました。原本ZIPは補正前です。
  • Claude Designのセッション上限で最終工程を中断。掲載用の補正・梱包と追加検証はCodexが実施しました。Claude Design自身が最終工程まで完了した成果とは区別しています。