isometric-style について
isometric-styleは、見やすいアイソメトリックなジオラマやタイルを意識したアセットを制作するためのスキルです。想定する正投影角度に沿って、カメラ、モデリング、表示のルールを扱います。
主な機能
- 01正投影アイソメトリックカメラの設定
- 02タイル占有範囲とピボットのルール
- 03高さとエッジの視認性に関する指針
- 04高密度マップ向けLODの指針
- 05ジオラマの照明とプレゼンテーション
活用シーン
- 01ストラテジーゲームや都市建設ゲーム向けアセットの制作
- 02アイソメトリックなジオラマのレンダリング
- 03正投影カメラによる主役アセットの提示
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/isometric-styleを入力して読み込まれたか確認します。
同梱ファイルreferences/iso-camera.mdreferences/tile-footprints.md
詳細
アイソメトリックスタイル
見やすいジオラマ。正確なアイソメトリック構図。タイルを考慮したアセット。
使用する場面
- ストラテジー／シミュレーション／街づくりゲームのアセット
- アイソメトリックなジオラマのレンダリング
- 正投影のヒーロー向けプレゼンテーション
カメラ設定
Camera type: Orthographic
Rotation: typically 54.736° / 30° patterns (true iso) OR project-specific dimetric
Scale: frame subject with padding for UI
CAM_Iso_[Shot]
プロジェクトで定められた正確なアイソメトリック角度に合わせてください。アセットごとに独自の角度を設定しないでください。
アセットのルール
- まずアイソメトリック角度からの見やすさを優先 — パースのあるヒーロー向けカメラではありません
- タイルの占有範囲 — セルサイズを明記します（例：1×1、2×2）
- 高さの明瞭さ — 混乱なく高さを把握できるようにします
- エッジのコントラスト — 地面と見分けられるようにします
- 高密度マップ向けの LOD — 遠方のタイルは軽量化します
モデリング
- 地上の FPS 視点からしか見えないディテールは避けます
- 上面と側面を明確にします
- キットの標準に従って、ピボットをタイルの角または中央に設定します
プレゼンテーション
- ジオラマでは、柔らかなキーライトと寒色系のフィルライトがよく使われます
- わずかな AO／地面の影で浮き上がらせます
- ポートフォリオ向けに、任意で
compositingのカラーグレーディングを適用します
制約
必ず行うこと
- セット全体でカメラ角度を固定します
- タイルサイズとピボットのルールを明記します
- ゲーム内の正投影スケールで見やすさを確認します
絶対に行わないこと
- アイソメトリック視点では見えない下面にディテールを追加すること
- 理由なく、アイソメトリックキットにパースカメラを混在させること
リファレンスガイド
| トピック | リファレンス | 読み込むタイミング |
|---|---|---|
| アイソメトリックカメラ | references/iso-camera.md | 必要に応じて |
| タイルの占有範囲 | references/tile-footprints.md | 必要に応じて |
コメント
Markdown 対応