設計トークンの色を使い、回転台に載せたスピーカーの3Dプロダクト画像を生成します。旋盤加工のような断面形状から組み立て、スタジオ照明で見せます。
- スピーカーの商品画像を3Dで作りたいとき
- 回転台に載せたプロダクトを見せたいとき
- デザイントークンの色で3D画像を作りたいとき
部屋や中庭など複数の物体がある小さな3D空間を計画して制作します。空の光と無料のCC0素材で仕上げ、静止画やカメラの移動動画として見せられます。
A small 3D world: several objects in a setting (a diorama, a room, a courtyard, a tabletop, a little landscape), planned first, lit by a real sky, textured with free CC0 assets, as stills or a camera flythrough video.
実行スコア 未検証
インストール方法を見る部屋、中庭、卓上、ミニチュア風の風景など、複数の物体で構成する小さな3D空間を作るスキルです。制作前に配置や寸法、見せたい対象、カメラ位置を計画し、その仕様をもとにthree.jsのシーンを組み立てます。空の光で照らし、無料のCC0素材で質感を加え、静止画またはカメラが空間を移動する動画として見せます。単体の商品やロゴをステージ上に置く用途とは異なり、物体同士がまとまった環境を扱います。
小さな空間の雰囲気を一枚のビジュアルで伝えたいときや、カメラが場面を巡る短い動画を作りたいときに向いています。寸法の正確さが重要な場所や写真の再現では、上から見た図を寸法付きで作り、確認を得てから進める手順があります。
three.jsを使ったWebGLシーンを作ります。素材にはPoly Havenの無料CC0アセットを利用する手順があり、通常は三.jsやCDN素材の読み込みにインターネット接続が必要です。オフラインで使う場合は素材をローカルに保存する方法が示されています。
この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。
インストールする前に、エージェントに与えられる指示の中身を確認できます。
まだレビューはありません。使ってみた感想をお寄せください。
ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。
まだコメントはありません。最初のコメントを書いてみませんか。
設計トークンの色を使い、回転台に載せたスピーカーの3Dプロダクト画像を生成します。旋盤加工のような断面形状から組み立て、スタジオ照明で見せます。
形状やロゴから3Dオブジェクトを作り、スタジオ風の光で見せます。静止画、背景透過画像、回転動画として書き出せます。
`.glb`形式の3Dモデルを読み込み、中央に配置して見やすい大きさに整え、柔らかな地面の影を添えた商品画像として描画します。
ブランドのSVGロゴを金属の立体表現に仕上げ、ブラッシュドゴールドと面取りを施してゆっくり回転する映像にするスキルです。
夕暮れの石造りの中庭を、空や石畳、壁、真鍮のランタン、木製プランターと10秒のカメラ移動で表現した3Dシーンの作例です。
図をブラウザー上に配置する判断を記録したADR-0007のレンダリング例です。図のレイアウトに関する設計判断の見本を確認できます。