animation-shader について
animation-shaderは、トゥーンシェーダーの表現を設計する制作者や開発者向けの知識リファレンススキルです。スタイルプリセット、機能一覧、各機能に対応する資料を整理しており、ワークフロー自体は提供しません。
主な機能
- 018種類のスタイルプリセット
- 02カテゴリ別のシェーダー機能
- 03参考資料への対応付け
- 04知識照会とワークフローとの併用
活用シーン
- 01キャラクター向けのアニメ調シェーダー選定
- 02要件に合う機能資料の検索
- 03シェーダー設計や計画の参考
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ yuki001/ game-dev-skills --skill animation-shaderインストール後、Claude Code で/animation-shaderを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/lilToon/Features.mdreferences/lilToon/Details/01_Base_Main.md02_Lighting_Shadows.md03_Surface_Reflections.md04_Special_Effects.md05_Advanced.md06_Variants.md07_Variant_Features.md08_Outline.mdreferences/PoiyomiShaders/Features.mdreferences/PoiyomiShaders/Details/01_Base_Main.md02_Lighting_Shadows.md03_Surface_Reflections.md04_Special_Effects.md05_Outline.mdreferences/RToon/Features.mdreferences/RToon/Details/01_Core_Shading.md02_ShadowT.md03_Outline.md04_MatCap_Reflection.md05_Gloss_Rim.md06_Advanced_Features.mdreferences/SToon/Features.mdreferences/SToon/Details/01_Core_Shading.md02_Outline.md03_Overlays.md04_Specular_Rim.md05_Artistic_Controls.mdreferences/ToonShadingCollection/Details/01_ArtStyles.md02_Outline.md詳細
アニメーションシェーダースキル
アニメーションスタイルのシェーダー(トゥーンシェーダー)に関するドメイン知識のリファレンスです。プリセットスタイル、機能一覧、人気のシェーダーライブラリのリファレンスマッピングを含みます。
メモ
このスキルにはドメイン知識のみが含まれており、ワークフローは含まれていません。構造化された設計フローを実現するには、ワークフロースキル(例:OpenSpec、SpecKit)またはエージェントのプランモードと組み合わせてください。
使用モード
ワークフロースキルとの併用(推奨)
ワークフロースキル(例:OpenSpec、SpecKit)またはエージェントのプランモードで使用する場合、このスキルはドメイン知識プラグインとして機能します。
- 要件/仕様策定フェーズ:Presents セクションを使って対象のスタイルを特定し、ユーザーのリクエストを具体的な機能セットに対応付けます
- 設計/計画フェーズ:Feature List を使って、各機能に関連する
references/ドキュメントをすべて確認します - 重要なルール:特定した機能ごとに、一覧に記載されているすべてのリファレンスファイルを読みます。1つだけ選んではいけません
ナレッジモード(クエリ)
ユーザーがアニメーションシェーダーに関する知識を照会する場合、このスキルはタスクに基づいて、プリセットスタイルと機能からリファレンスへのマッピングを提供します。
プリセット
ユーザーが具体的な機能を決めかねている場合や、特定のスタイルの出発点を手早く見つけたい場合は、これらのプリセットを使います。
1. ベーシックアニメ
- 説明:標準的でクリーンなアニメ調の見た目です。効率的で見やすく、広く使われています。
- 機能:ベースカラー/メインテクスチャ、3トーンシェーディング(ダブルシェード)、アウトライン(反転ハル)。
- 用途:汎用アバター、NPC、標準的なアニメキャラクター、パフォーマンスが重視されるシーン。
2. 高度なイラスト
- 説明:豊かなライティング、素材の表現、奥行きを備えた、高品質で詳細な見た目です。
- 機能:ベースカラー/メインテクスチャ、レイヤーテクスチャ、3トーンシェーディング(ダブルシェード)、アルファマスク、アウトライン(反転ハル)、リムライト、MatCap(マテリアルキャプチャ)、スペキュラー/ハイカラー、シャドウランプ。
- 用途:メインキャラクター、クローズアップ、高精細な VRChat アバター、映画のようなカットシーン。
3. スタイライズドスケッチ
- 説明:粗削りで芸術的な雰囲気を持ち、手描きアート、漫画、鉛筆スケッチを模倣します。
- 機能:色調整(彩度低下)、ラフなアウトライン、ハッチング、ハーフトーンオーバーレイ、スケッチ/紙のオーバーレイ。
- 用途:回想シーン、芸術性の高いインディーゲーム、独特な美的スタイル、漫画の映像化。
4. サイバー/VFX
- 説明:動きと反応性を備えた、ハイテクで発光感のあるダイナミックなスタイルです。
- 機能:ベースカラー/メインテクスチャ(暗色)、エミッション/グロー、AudioLink、ディゾルブ、頂点操作(グリッチ)、リムライト。
- 用途:SFキャラクター、パワーアップ状態、音楽ビジュアライザー、ホログラム効果。
5. セミリアリスティックトゥーン
- 説明:アニメの美学にリアルな素材特性を融合し、現代的で高精細な見た目を実現します。
- 機能:PBR(メタリック/滑らかさ)、ノーマルマップ、シャドウランプ、サブサーフェス・スキャタリング(SSS)、アウトライン(反転ハル)。
- 用途:現代的なアクション RPG、ハイエンドの映画的キャラクター、「原神風」をさらに詳細にしたスタイル。
6. 90年代レトロアニメ
- 説明:90年代の古典的なセルアニメーションの見た目を再現します。
- 機能:色調整(高彩度、ポスタリゼーション)、3トーンシェーディング(ダブルシェード)、アウトライン(反転ハル)、フィルムグレイン。
- 用途:懐かしさを感じさせるプロジェクト、レトロスタイルのゲーム、ローファイな美的スタイル。
7. 油絵/アーティスティック
- 説明:油絵や水彩などの伝統的な画材をシミュレートします。
- 機能:筆跡テクスチャ、歪んだ UV、スケッチ/紙のオーバーレイ、ぼかした影、ラフなアウトライン。
- 用途:絵本のようなビジュアル、芸術性を披露する作品、夢のシーン。
8. フラットポップアート
- 説明:シェーディングを最小限に抑え、鮮やかな色を使った、大胆でグラフィカルなスタイルです。
- 機能:ベースカラー/メインテクスチャ(アンリット)、アウトライン(反転ハル)、ハーフトーンオーバーレイ、ステンシルパターン。
- 用途:UI キャラクター、ミュージックビデオ、スタイライズドなインディーゲーム。
機能一覧
サポートされているシェーダーで利用できる機能を、カテゴリ別にまとめています。
1. 基本的なシェーディングとカラーリング
- ベースカラー/メインテクスチャ: モデルの基本色とテクスチャです。(すべて)
references/lilToon/Details/01_Base_Main.mdreferences/PoiyomiShaders/Details/01_Base_Main.mdreferences/ToonShadingCollection/Details/03_Diffuse.md
- 色調補整: 最終的な色の色相、彩度、明るさを調整したり、ポスタリゼーションを適用したりします。(Poiyomi、SToon、lilToon)
references/lilToon/Details/01_Base_Main.mdreferences/PoiyomiShaders/Details/01_Base_Main.md
- 3段階シェーディング(ダブルシェード): 2種類の異なるシェード(1段目と2段目)で影を定義し、伝統的なアニメ風の見た目を作ります。(lilToon、Poiyomi、UTS2)
references/lilToon/Details/02_Lighting_Shadows.mdreferences/PoiyomiShaders/Details/02_Lighting_Shadows.mdreferences/UnityChanToonShaderVer2/Details/01_DoubleShade.mdreferences/ToonShadingCollection/Details/09_Lighting_Shadows.md
- シャドウランプ: グラデーションテクスチャを使って影の減衰と色を制御し、柔らかな変化やスタイライズされた変化を表現できます。(SToon、Poiyomi、RToon)
references/PoiyomiShaders/Details/02_Lighting_Shadows.md
- シャドウテクスチャ(ShadowT): 影の領域内に限定して、パターン(ハッチングや網点など)を適用します。(RToon、SToon)
references/RToon/Details/02_ShadowT.md
- シェーディンググレードマップ: グレースケールマップを使ってピクセルごとに影のしきい値を制御し、自然な形の影を表現できます。(UTS2)
references/UnityChanToonShaderVer2/Details/02_ShadingGradeMap.md
- 位置マップ: 光の方向に関係なく、影を特定の領域(あごの下など)に固定します。(UTS2)
references/UnityChanToonShaderVer2/Details/01_DoubleShade.md
- アンビエントオクルージョン(AO): くぼみや角に柔らかな影を加えて、奥行きを高めます。(Poiyomi、SToon、lilToon)
references/lilToon/Details/02_Lighting_Shadows.mdreferences/PoiyomiShaders/Details/02_Lighting_Shadows.md
- セルシェーディング/ハードシェーディング: 影に明確な境界を設け、セルシェーディング風の見た目を作ります。(RToon、SToon)
references/RToon/Details/01_Core_Shading.mdreferences/SToon/Details/01_Core_Shading.md
- ディフューズワープ: シェーディングの境界を歪ませ、手描き風の不規則な影の輪郭を作ります。(SToon)
references/SToon/Details/05_Artistic_Controls.md
- 法線マップ: ジオメトリを変えずに、表面のディテールと奥行きを加えます。(すべて)
references/PoiyomiShaders/Details/01_Base_Main.md
- ディテールマップ: 2次テクスチャを使って、高周波の表面ディテールを加えます。(Poiyomi、lilToon)
references/PoiyomiShaders/Details/02_Lighting_Shadows.md
- レイヤーテクスチャ: ブレンドモードを使って複数のテクスチャレイヤーを重ね、複雑な表面ディテールを作成できます。(lilToon、Poiyomi)
references/lilToon/Details/01_Base_Main.md
- デカール: 独立した変形を設定できる、ステッカーのようなテクスチャをメインの表面に適用します。(Poiyomi、lilToon)
references/lilToon/Details/01_Base_Main.md
- アルファマスク: マスクテクスチャを使って透明度を制御したり、機能の適用範囲を特定の領域に限定したりします。(lilToon、Poiyomi)
references/lilToon/Details/01_Base_Main.md
- RGBマスキング: RGBAマスクを使って、メッシュの特定部分の色を変更します。(Poiyomi)
references/PoiyomiShaders/Details/01_Base_Main.md
- トライプレーナーマッピング: ワールド空間に基づいてテクスチャを適用します。適切なUVを持たないモデルに便利です。(RToon、SToon)
references/RToon/Details/06_Advanced_Features.md
2. 表面と反射
- スペキュラー/ハイカラー:表面にスタイライズされたハイライトを追加します。マスキングや漫画風の形状を使うこともあります。(すべて)
references/lilToon/Details/03_Surface_Reflections.mdreferences/PoiyomiShaders/Details/03_Surface_Reflections.mdreferences/ToonShadingCollection/Details/04_Specular.mdreferences/SToon/Details/04_Specular_Rim.mdreferences/RToon/Details/05_Gloss_Rim.md
- MatCap(マテリアルキャプチャ):球体テクスチャを使って、複雑なライティングや反射(金属や髪の光沢など)を再現します。(すべて)
references/RToon/Details/04_MatCap_Reflection.mdreferences/lilToon/Details/03_Surface_Reflections.mdreferences/PoiyomiShaders/Details/03_Surface_Reflections.mdreferences/UnityChanToonShaderVer2/Details/04_SpecialFeatures.md
- カメラロール安定化:カメラが傾いても、MatCap の反射が常に正しい向きになるようにします。(UTS2)
references/UnityChanToonShaderVer2/Details/04_SpecialFeatures.md
- リムライト:視角に応じてモデルの縁にハイライトを追加します(フレネル効果)。(すべて)
references/RToon/Details/05_Gloss_Rim.mdreferences/SToon/Details/04_Specular_Rim.mdreferences/lilToon/Details/03_Surface_Reflections.mdreferences/PoiyomiShaders/Details/03_Surface_Reflections.md
- バックライト:物体の背後から当たる光を再現し、シルエットを際立たせたり、影側にリムを加えたりします。(lilToon、SToon、UTS2)
references/lilToon/Details/02_Lighting_Shadows.mdreferences/SToon/Details/04_Specular_Rim.md
- シャドウリム/アンティポディアンリム:物体の影側に特化したリムライトを追加します。(UTS2)
references/UnityChanToonShaderVer2/Details/04_SpecialFeatures.md
- サイドシャイン:物体の側面に特定のハイライトを追加し、立体感を高めます。(SToon)
references/SToon/Details/04_Specular_Rim.md
- 異方性:髪やヘアライン加工された金属面に特化したハイライトです。(lilToon、Poiyomi、SToon)
references/lilToon/Details/03_Surface_Reflections.mdreferences/PoiyomiShaders/Details/03_Surface_Reflections.mdreferences/ToonShadingCollection/Details/04_Specular.md
- クリアコート:マテリアルの上に光沢のある層を追加し、ニスを塗ったような見た目にします。(Poiyomi)
references/PoiyomiShaders/Details/03_Surface_Reflections.md
- 疑似反射:スタイライズされた表現を制御できるよう、プローブの代わりに静的テクスチャで反射を表現します。(RToon)
references/RToon/Details/04_MatCap_Reflection.md
- 環境反射:キューブマップやリフレクションプローブを使って、環境反射を設定します。(すべて)
references/ToonShadingCollection/Details/05_Environment.md
- イリデッセンス/色変化:視角や時間に応じて色を変化させます。(UTS2、Poiyomi)
references/UnityChanToonShaderVer2/Details/04_SpecialFeatures.md
- サブサーフェススキャタリング(SSS):肌のような半透明の表面を光が透過する様子を再現します。(Poiyomi)
references/PoiyomiShaders/Details/02_Lighting_Shadows.md
3. アウトラインとエッジ検出
- アウトライン(反転ハル):裏向きの頂点を押し出してアウトラインを作成します。キャラクターの輪郭表現に広く使われています。(すべて)
references/lilToon/Details/08_Outline.mdreferences/PoiyomiShaders/Details/05_Outline.mdreferences/RToon/Details/03_Outline.mdreferences/UnityChanToonShaderVer2/Details/03_Outline.mdreferences/ToonShadingCollection/Details/02_Outline.md
- スタイライズドアウトライン:ノイズ、スケッチ風、手描き風の見た目にします。
references/SToon/Details/02_Outline.mdreferences/RToon/Details/03_Outline.md
- ベイク済み法線アウトライン:滑らかな法線マップを使ってアウトラインを作成し、ハードエッジでの途切れを防ぎます。(UTS2)
references/UnityChanToonShaderVer2/Details/03_Outline.md
4. 特殊効果とVFX
- 発光/グロー:モデルの特定の部分を発光させます。多くの場合、アニメーションにも対応しています。(lilToon、Poiyomi、UTS2)
references/lilToon/Details/04_Special_Effects.mdreferences/PoiyomiShaders/Details/04_Special_Effects.mdreferences/UnityChanToonShaderVer2/Details/04_SpecialFeatures.md
- ディゾルブ:ノイズパターンを使用してモデルを徐々に透明にします。多くの場合、縁が発光します。(lilToon、Poiyomi)
references/PoiyomiShaders/Details/04_Special_Effects.mdreferences/lilToon/Details/04_Special_Effects.md
- ハーフトーンオーバーレイ:モデルに漫画風のドットパターンを重ねます。(SToon)
references/SToon/Details/03_Overlays.mdreferences/ToonShadingCollection/Details/08_PostProcessing.md
- ハッチング:単色の代わりに線のパターンで陰影を付けます。多くの場合、複数のレイヤーを使用します。(SToon、RToon)
references/SToon/Details/03_Overlays.md
- スケッチ/紙のオーバーレイ:紙のテクスチャやスケッチ線を重ね、手描き風に仕上げます。(SToon)
references/SToon/Details/03_Overlays.md
- グリッター:表面にプロシージャルなきらめき効果を加えます。(lilToon)
references/lilToon/Details/04_Special_Effects.md
- AudioLink:音楽や音声に反応して、発光の脈動、色の変化、頂点のグリッチなどの動的な効果を生み出します。(lilToon、Poiyomi)
references/lilToon/Details/05_Advanced.mdreferences/PoiyomiShaders/Details/04_Special_Effects.md
- 視差オクルージョン:視線の角度に応じてUVをオフセットし、テクスチャに奥行きを再現します。(lilToon)
references/lilToon/Details/04_Special_Effects.md
- 頂点操作:メッシュの形状を変形させます(例:グリッチ、丸め、スケーリング)。(Poiyomi、SToon)
references/PoiyomiShaders/Details/01_Base_Main.md
- アニメーションとモーション:UVアニメーション、頂点アニメーション、残像フレームの技法です。(ToonShadingCollection)
references/ToonShadingCollection/Details/10_Animation_VFX.md
- 屈折/宝石:宝石や目のような透明な素材を通る光の屈折を再現します。(lilToon)
references/lilToon/Details/07_Variant_Features.md
- UVアニメーション:流れる水やテクノロジー風のインターフェースなどの効果のために、テクスチャをスクロールまたは回転させます。(SToon、lilToon、UTS2)
references/lilToon/Details/01_Base_Main.mdreferences/SToon/Details/05_Artistic_Controls.md
5. 高度な機能とパイプライン
- カリング/ステンシル/クリッピング:高度なレンダリング効果のために、面のカリングやステンシルバッファの操作を制御します。(lilToon、UTS2)
references/lilToon/Details/05_Advanced.mdreferences/UnityChanToonShaderVer2/Details/04_SpecialFeatures.md
- ステンシルマスキング:「髪越しに眉毛を表示する」といった効果にステンシルバッファを使用します。(lilToon、UTS2)
references/UnityChanToonShaderVer2/Details/04_SpecialFeatures.md
- 裏面のレンダリング:ポリゴンの裏面をレンダリングするための専用設定です。(Poiyomi)
references/lilToon/Details/01_Base_Main.md
- 距離フェード/近距離フェード:カメラとの距離に応じてオブジェクトや輪郭をフェードさせ、視界を遮らないようにします。(lilToon、RToon、UTS2)
references/RToon/Details/06_Advanced_Features.md
- テッセレーション:形状を動的に細分化し、曲線を滑らかにします。(lilToon)
references/lilToon/Details/07_Variant_Features.md
- バリアントと最適化:シェーダーバリアント(Lite、Multi)の使用方法とモデルの最適化に関するガイドラインです。(lilToon、ToonShadingCollection)
references/lilToon/Details/06_Variants.mdreferences/ToonShadingCollection/Details/11_Modeling_Pipeline.md
- アートスタイルと理論:さまざまなアートスタイルとPBRのスタイライズ技法を分析します。(ToonShadingCollection)
references/ToonShadingCollection/Details/01_ArtStyles.mdreferences/ToonShadingCollection/Details/06_PBR_Stylization.md
6. 特殊なオブジェクト(素材固有)
- 髪(エンジェルリング):髪に固定されたハイライトの輪を作成します。(UTS2)
references/UnityChanToonShaderVer2/Details/04_SpecialFeatures.mdreferences/ToonShadingCollection/Details/04_Specular.md
- 目:視差、屈折、ステンシルマスクを含む、目専用のレンダリングです。(lilToon, UTS2)
references/lilToon/Details/07_Variant_Features.mdreferences/ToonShadingCollection/Details/07_Stylized_Features.md
- 肌:肌の表面下散乱と柔らかなシェーディングを再現します。(Poiyomi, UTS2)
references/PoiyomiShaders/Details/02_Lighting_Shadows.mdreferences/ToonShadingCollection/Details/07_Stylized_Features.md
- 毛皮:多層レンダリングを使って毛皮を再現します。(lilToon)
references/lilToon/Details/07_Variant_Features.md
詳細機能ドキュメント
references/lilToon/Features.mdreferences/PoiyomiShaders/Features.mdreferences/SToon/Features.mdreferences/RToon/Features.mdreferences/UnityChanToonShaderVer2/Features.mdreferences/ToonShadingCollection/Features.md
コメント
Markdown 対応