← ポータルに戻る 📝ソース・解説

スネークゲーム

スコア: 0
🍎 エサを食べて巨大化せよ!

CYBER SNAKE

矢印キー(スマホはボタン)でヘビを操作。
壁や自分の尻尾にぶつかるとゲームオーバーです。

操作方法: キーボードの【矢印キー】または【W A S D】で移動

クラシックスネークゲームについて

「クラシックスネーク」は、ガラケー時代から世界中で親しまれてきた伝説的アーケードゲーム「Snake」をモダンなサイバーデザインと滑らかなスピード変化でアレンジしたレトロWebアクションゲームです。餌(アップル)を食べるとヘビの体が長く成長し、自分自身の体や壁に衝突しないように誘導してハイスコアを目指します。

詳しい操作方法とルール

操作方法

ルールと仕様

  1. ヘビは常に選んだ方向へ一定スピードで前進します。
  2. 赤い餌(アップル)を食べると、スコアが100点加算され、ヘビの胴体が1マス伸びます。
  3. 餌を食べるごとに徐々に前進速度がアップし、スリリングな難易度に変化します。
  4. 外枠の壁や自分の胴体に頭部が衝突するとゲームオーバーとなります。

高得点を取るためのテクニック&立ち回り

AIペアプログラミング開発エピソード&プロンプト

スネークゲームは、JavaScriptのグリッド配列管理とCanvas描画ルールの基本を身につける最適な題材です。生成AIを活用して、レスポンシブな方向キー制御とスワイプ検出処理をスマートに実装しました。

【使用した開発プロンプトの例】 「HTML5 Canvasを使用したクラシックスネークゲームを作成してください。 要件: 1. ヘビの胴体を座標配列 (Array of {x, y}) で管理し、餌を食べた時に末尾を保持して伸ばすロジックにすること 2. キーボード矢印キーとタッチスワイプ(TouchStart/TouchEnd)の逆方向移動制限(真後ろに即反転できない制御)を入れること 3. スコアに応じた段階的なスピードアップ処理を実装すること」

おすすめの他のブラウザゲーム

🧩 CYBER 2048

数字タイルを合体させて2048を目指す思考型パズル!

🧱 ブロック崩し

パドルでボールを打ち返し全ブロックを破壊しよう!

モグラ叩きパズル

素早い反射神経で画面上のモグラを叩いてハイスコア!

🃏 ハイ&ローカード

次のカードが数字が大きいか小さいかを予測する心理戦!