マリオ風の横スクロールアクションゲームを作ってみました!スワイプでジャンプ、クリックで攻撃する、シンプルだけど遊べるゲームです。
ゲームをプレイ
操作方法
- スワイプ(上方向): ジャンプ – スワイプの距離でジャンプ力が変わる
- クリック/タップ: ファイヤー攻撃 – 弾数制限あり
- アイテム取得: 🔥で弾数+2、❤️でライフ+1
ルール
- 青い敵は上から踏んで倒せる
- 赤い棘敵は踏んでもダメージを受ける
- 穴に落ちたら即ゲームオーバー
- ダメージを受けると2秒間無敵(点滅)
- ゴールのフラッグを目指そう!
Claude Artifactでゲームを作ってみた
このゲームは、Claude（AI）のArtifact機能を使って作成しました。Artifactは、対話しながらリアルタイムでコードを生成・修正できる機能です。
Artifactでできること
ゲーム制作に関して:
- Canvas APIを使った2Dゲーム
- React Hooksでの状態管理
- Web Audio APIでの効果音・BGM生成
- タッチ/マウス操作の実装
実際にこのゲームに実装した機能:
- スワイプ距離によるジャンプ力調整
- 当たり判定システム
- アイテム収集機能
- ダメージ演出(点滅・無敵時間)
- 段差のある地形
- BGM再生(著作権フリー音源)
- 効果音生成(Web Audio API)
制作過程
最初は「マリオRunみたいなゲーム」というざっくりした要望から始めて、対話しながら以下のように進化させていきました:
- 基本的な横スクロール + ジャンプ
- 敵キャラと当たり判定
- アイテムブロックシステム
- ライフシステムとダメージ演出
- BGM・効果音の追加
- 細かい調整(敵の配置、穴のサイズなど)
「ブロックじゃなくてアイテムを浮かせたい」「ダメージ演出が欲しい」といった要望も、その場で反映できるのがArtifactの強みです。
Artifactの限界と「ちょうどいい」使い方
できないこと・向いていないこと
単一ファイル制限
import/exportが使えない- ファイル分割できない
- 大規模なコード管理は難しい
本格的なゲーム開発には不向き
- 複数ステージ、複雑なシステムは管理が大変
- バージョン管理がない
- コードが長くなると修正が困難
パフォーマンス
- 大量のオブジェクトを動かすと重くなる
- 高度な物理演算は厳しい
「ちょうどいい」使い方
Artifactはプロトタイプやデモ作成に最適です:
- ✅ アイデアを素早く形にする
- ✅ 動くものを見せて反応を確かめる
- ✅ 小〜中規模のツールやゲーム
- ✅ 学習用・実験用のコード
「こんな感じのゲームどうかな?」「この機能、実装できる?」といった試作には完璧です。
本格的に作り込むなら、Artifactで試作→気に入ったらローカル環境で本格開発、という流れがおすすめです。
まとめ
Claude Artifactを使えば、プログラミング経験が少なくても、対話しながらゲームを作れます。完璧なゲームエンジンではありませんが、アイデアを素早く形にして遊べるという点では非常に便利なツールです。
興味があれば、ぜひ自分でもゲームを作ってみてください!
このゲームのソースコードや詳細な実装については、コメント欄でお気軽にご質問ください。
コメント