ROUND COFFEE — テイクアウト容器・パッケージ意匠モックアップ
作成者区分: モデル、ブランド意匠、ステージ、初稿の操作UIはClaude Design（3D objectテンプレート）。この説明、依存内包、レイアウト・操作の補正はCodex。

パーツ
12oz相当の意匠イメージを持つテーパー型紙カップ、蓋、本体に巻かれた紙スリーブ、上端シールと底マチ形状を持つコーヒー豆200g袋。同じ3D空間で回転できます。

配色
BLUE: #123CD4 / #F3F0E6 / #FF6A4D
CORAL: #E8523A / #F5F1E7 / #123CD4
配色変更時に形状は変わりません。紙のマット感、円弧のブランド柄、ロゴはcanvasから生成したテクスチャです。外部画像・Webフォントはありません。

操作
ドラッグまたは1本指スワイプ: 回転。ホイール/ピンチ: 拡大縮小。右ドラッグ/2本指: 平行移動。
正面・背面・俯瞰・初期視点へのボタン、自動回転切替、BLUE/CORAL切替、左右回転・拡大縮小ボタン。
キーボード: 矢印で回転、+/-で拡大縮小、1/2/3で視点、Rで初期視点、Aで回転切替、B/Cで配色。
自動回転は既定でOFF。ユーザーが操作すると停止します。prefers-reduced-motionでは視点変更も即時です。

保存・依存
three.js 0.184.0のthree.core.js/three.module.js、OrbitControls、OBJExporter、GLTFExporterをvendor/に保存し、元の固定URLのSHA-384一致を確認しました。MITライセンスはvendor/three/LICENSEです。
package.htmlへ同じモジュールをdata URLとして内包したため、外部通信や相対module取得を必要とせず、allow-scriptsのみのiframeでも読み込める構成です。WebGL対応ブラウザとGPU環境が必要です。

3D形式の書き出し
独立ウインドウでは元のOBJ+MTL / GLB書き出しボタンを利用できます。制限されたギャラリーiframeではダウンロードが許可されないためボタンを非表示にしています。掲載用HTMLでBLUE配色のGLBを実際に書き出し、round-coffee-packaging-blue.glbとして配布しています。OBJは事前書き出ししていません。原本のOBJ+MTL出力は材質色のみを書き出し、ロゴなどのCanvasTexture画像を同梱しないため、印刷柄は保持されません。柄を含む受け渡しにはGLBを書き出して実際の表示を検証してください。

実製造の前に
本作品は意匠確認用です。製造仕様・正確な寸法/容量の保証・展開図・食品安全の保証ではありません。容器規格、強度・耐熱性、食品接触材、印刷範囲、実物の色校正を製造業者と確認してください。

Codex補正
列順の不一致で狭くなっていた3Dステージを主表示へ修正。小画面のステータス/書き出しボタンの重なり対策。左右回転/拡縮ボタンを追加。ユーザーの回転操作後に自動回転の表示もOFFへ同期。依存を内包し、このnotes.txtを作成。
Claudeのセッション上限到達により、最終検証をClaude自身が完了したとは扱いません。codex-adjustments.md参照。

2026-09-19 管理担当の追加確認
WebGL描画、配色・視点・回転・拡大縮小と、ドラッグ後に自動回転表示がOFFへ戻る操作を確認。BLUE配色のGLB書き出しに成功しました（983,272バイト、glTF 2.0、13 meshes・7 materials・3埋込images）。外部3Dアプリでの再読み込み、形状・柄の再現性は未検証です。
