Claude 4で音楽を奏でるゲームを作ってみた|マウスで線を引くだけの癒し体験!

プログラミング
記事内に広告が含まれています。

※当サイトは、アフェリエイト広告を利用しています

れぞ
れぞ

話題沸騰のClaude4を触ってみたかったので、
試しにゲームを作ってみました!

こんにちは!れぞです!

現在話題沸騰中のAI「Claude4」を使って、ゲームを作ってみました。

ゲーム自体はこちら: https://rezoblo.com/wp-content/uploads/game/music_ball_game.html

Xで前情報は見ていましたが、やはりClaude4はヤバいですね…体感的には2~3段階飛ばしでレベルアップしてる気がします。

今回作ったのは、マウスで板を配置して音楽を奏でるストレス解消系ゲームです。この記事では、開発の流れについて解説しますので、Claude4が気になっている方は是非読んでみてください!

スポンサーリンク

Claude 4とは?簡単にできるAIゲーム開発

Claude 4はAnthropic社が開発した高度なAIで、文章生成だけでなく、コード生成も得意です。
今回は「こんなゲームを作りたい」と日本語で指示を出し、コードを生成 → 調整 → 実装 という流れで進めました。

スポンサーリンク

作ったゲームの内容:音で遊ぶ癒し系インタラクティブツール

確か一時期Youtubeショートで流行ってたと思うんですが、ビー玉が音階ごとの板に当たって音楽を奏でる、あのピタゴラスイッチみたいな動画を参考にしました!

🎮 ゲーム概要

  • 縦長のボードにマウスで線を引くと「板」が配置される
  • 各板には音階(C〜Bなど)を設定可能
  • ボードの上からボールが落ちてくる
  • ボールが板に当たるたびに設定した音が鳴る
  • 板の配置と音階の工夫で、自分だけのメロディを作ることができる

Claude 4を使った開発プロセス

開発の流れ

  • Claudeに要件を伝えてHTMLとJavaScriptを生成
  • 実際にブラウザで動作を確認
  • 修正内容を伝えて、動作確認
  • 実際にブラウザで動作を確認…のループ

開発に使ったプロンプト

以下のプロンプトだけで、完成まで持っていくことができました!
開発開始から終了までおそらく30分もかかっていないと思います…。いやはや、恐ろしいですね。

ゲームを作成してください。
仕様は以下の通りです。
・縦長のボードが用意されており、マウスで線を引くと板が配置される。
・各板には音階が設定できる。
・ボードの最上部からボールを落とし、各板に触れると音が鳴る。
・各箇所に配置した板と音階で、音楽を奏でることを目的としたゲーム
音階はキーボードの数字で切り替えられるのが望ましいです。
また、オクターブ?を切り替えるボタンも欲しいです
Uncaught Error: Uncaught TypeError: Cannot read properties of undefined (reading 'value')というエラーが出ています。修正してください。
線を消すボタンも欲しいです
連続して鳴るとノイズになるため、一度触れた板は鳴らないようにできますか?

今後の展望:こんな機能も加えたい

多分やらないかもしれませんが、いつかUnityを使って、背景や板の素材にもこだわったピタゴラスイッチ風の音楽シミュレーターに昇華させたいですね〜

まとめ

今回は、Claude 4を使って「音で遊ぶストレス解消ゲーム」を作ってみました。
AIのおかげで、ちょっとしたアイデアをすぐに形にできる時代。技術が苦手でも、創作を始めるハードルがぐっと下がります。

今回本当に驚いたんですが、こっちが想定してないところまで勝手に考えた上で良い感じに作り込んでくれたんですよね…

もしあなたも「何か作ってみたい」と思ったら、ぜひClaude 4で試してみてください!

タイトルとURLをコピーしました