jpskill.com
🛠️ 開発・MCP コミュニティ 🟡 少し慣れが必要 👤 デザイナー・Web制作者

🖼️ ゲームアート原則(ビジュアル/アセット/アニメ)

game-art

ゲームアート原則。ビジュアルスタイル・アセットパイプライン・アニメーションワークフロー。

⏱ MCPサーバー実装 1日 → 2時間

📺 まず動画で見る(YouTube)

▶ 【衝撃】最強のAIエージェント「Claude Code」の最新機能・使い方・プログラミングをAIで効率化する超実践術を解説! ↗

※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。

📜 元の英語説明(参考)

Game art principles. Visual style selection, asset pipeline, animation workflow.

🇯🇵 日本人クリエイター向け解説

一言でいうと

ゲームアート原則。ビジュアルスタイル・アセットパイプライン・アニメーションワークフロー。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
1

💬 こう話しかけるだけ — サンプルプロンプト

  • ゲームアート原則(ビジュアル/アセット/アニメ) を使って、ブランドカラーに沿ったデザイン案を3つ
  • ゲームアート原則(ビジュアル/アセット/アニメ) で、既存のデザインをモダンにリフレッシュ
  • ゲームアート原則(ビジュアル/アセット/アニメ) を使って、レイアウトを整えて

これをClaude Code に貼るだけで、このSkillが自動発動します。

📖 Claude が読む原文 SKILL.md(中身を展開)

この本文は AI(Claude)が読むための原文(英語または中国語)です。日本語訳は順次追加中。

Game Art Principles

Visual design thinking for games - style selection, asset pipelines, and art direction.


1. Art Style Selection

Decision Tree

What feeling should the game evoke?
│
├── Nostalgic / Retro
│   ├── Limited palette? → Pixel Art
│   └── Hand-drawn feel? → Vector / Flash style
│
├── Realistic / Immersive
│   ├── High budget? → PBR 3D
│   └── Stylized realism? → Hand-painted textures
│
├── Approachable / Casual
│   ├── Clean shapes? → Flat / Minimalist
│   └── Soft feel? → Gradient / Soft shadows
│
└── Unique / Experimental
    └── Define custom style guide

Style Comparison Matrix

Style Production Speed Skill Floor Scalability Best For
Pixel Art Medium Medium Hard to hire Indie, retro
Vector/Flat Fast Low Easy Mobile, casual
Hand-painted Slow High Medium Fantasy, stylized
PBR 3D Slow High AAA pipeline Realistic games
Low-poly Fast Medium Easy Indie 3D
Cel-shaded Medium Medium Medium Anime, cartoon

2. Asset Pipeline Decisions

2D Pipeline

Phase Tool Options Output
Concept Paper, Procreate, Photoshop Reference sheet
Creation Aseprite, Photoshop, Krita Individual sprites
Atlas TexturePacker, Aseprite Spritesheet
Animation Spine, DragonBones, Frame-by-frame Animation data
Integration Engine import Game-ready assets

3D Pipeline

Phase Tool Options Output
Concept 2D art, Blockout Reference
Modeling Blender, Maya, 3ds Max High-poly mesh
Retopology Blender, ZBrush Game-ready mesh
UV/Texturing Substance Painter, Blender Texture maps
Rigging Blender, Maya Skeletal rig
Animation Blender, Maya, Mixamo Animation clips
Export FBX, glTF Engine-ready

3. Color Theory Decisions

Palette Selection

Goal Strategy Example
Harmony Complementary or analogous Nature games
Contrast High saturation differences Action games
Mood Warm/cool temperature Horror, cozy
Readability Value contrast over hue Gameplay clarity

Color Principles

  • Hierarchy: Important elements should pop
  • Consistency: Same object = same color family
  • Context: Colors read differently on backgrounds
  • Accessibility: Don't rely only on color

4. Animation Principles

The 12 Principles (Applied to Games)

Principle Game Application
Squash & Stretch Jump arcs, impacts
Anticipation Wind-up before attack
Staging Clear silhouettes
Follow-through Hair, capes after movement
Slow in/out Easing on transitions
Arcs Natural movement paths
Secondary Action Breathing, blinking
Timing Frame count = weight/speed
Exaggeration Readable from distance
Appeal Memorable design

Frame Count Guidelines

Action Type Typical Frames Feel
Idle breathing 4-8 Subtle
Walk cycle 6-12 Smooth
Run cycle 4-8 Energetic
Attack 3-6 Snappy
Death 8-16 Dramatic

5. Resolution & Scale Decisions

2D Resolution by Platform

Platform Base Resolution Sprite Scale
Mobile 1080p 64-128px characters
Desktop 1080p-4K 128-256px characters
Pixel art 320x180 to 640x360 16-32px characters

Consistency Rule

Choose a base unit and stick to it:

  • Pixel art: Work at 1x, scale up (never down)
  • HD art: Define DPI, maintain ratio
  • 3D: 1 unit = 1 meter (industry standard)

6. Asset Organization

Naming Convention

[type]_[object]_[variant]_[state].[ext]

Examples:
spr_player_idle_01.png
tex_stone_wall_normal.png
mesh_tree_oak_lod2.fbx

Folder Structure Principle

assets/
├── characters/
│   ├── player/
│   └── enemies/
├── environment/
│   ├── props/
│   └── tiles/
├── ui/
├── effects/
└── audio/

7. Anti-Patterns

Don't Do
Mix art styles randomly Define and follow style guide
Work at final resolution only Create at source resolution
Ignore silhouette readability Test at gameplay distance
Over-detail background Focus detail on player area
Skip color testing Test on target display

Remember: Art serves gameplay. If it doesn't help the player, it's decoration.