※paizaに会員登録すると無料で動画学習コンテンツをご利用いただけます
会員登録する
#07:ゲームを作ってみよう - アセット準備
このチャプターでは、ゲーム開発を始めるためのプロジェクト作成とアセットの準備について学習します。
paizaオリジナル素材は下記からダウンロードしてください。
https://paiza-learning-container.s3.amazonaws.com/assets/vibe-coding-claude-code-trial/4/paiza-original-assets.zip
「side-scroll-game」というフォルダを作成し、VS Code で開く
中に素材用の「assets」フォルダを作り、種類ごとに分ける
・audios:音の素材
・images:画像の素材
Kenney「New Platformer Pack」の中身:
https://kenney.nl/assets/new-platformer-pack
| フォルダ | 内容 |
|---|---|
| Sounds | 音の素材 |
| Sprites | 個別の画像ファイル(1枚ずつ) |
| Spritesheets | 複数の画像を1枚にまとめたPNG |
| Vector | SVG形式のベクターデータ(拡大縮小しても劣化しない) |
今回は初心者でも扱いやすい Sprites の画像を使い、assets/images に入れる。
音素材は Kenney 分を audios/SE に、paiza オリジナル分はシーンごとの名前のフォルダに入れる。
AIエージェントはフォルダ名やファイル名を見て素材が何かを判断する。
意味のある分かりやすい名前にしておくとよい。
準備ができたら、VS Code の右上の Claude Code マークから Claude Code を起動する。
プログラミング学習
>
バイブコーディング入門 Claude Code編
>
バイブコーディング入門 Claude Code編4: 横スクロールゲームを作成しよう
>
ゲームを作ってみよう - アセット準備