HTML5ゲーム集 - コードで学ぶゲーム開発

遊んで学べる！HTML5ゲームコレクション テトリス風、スペースインベーダー風、フラッピーバード風、ブロック崩し、カーレーサー、フルーツスライスなど、懐かしくて楽しいミニゲームを1つのアプリで楽しめます。ゲームは定期的に追加されるので、いつ来ても新しい発見があります！ ============================== 収録ゲーム（随時追加中！） ============================== ・テトリス風 ― 落ちてくるブロックを並べてラインを消そう ・スペースインベーダー風 ― 押し寄せるエイリアンを撃ち落とせ ・フラッピーバード風 ― パイプをくぐり抜けて飛び続けろ ・ブロック崩し ― ボールを操り全ブロックを破壊せよ ・カーレーサー ― 迫りくる車をかわしてハイスコアを狙え ・フルーツスライス風 ― スライドして果物を切りまくれ！ ・バブルシューター ― 同じ色のバブルをつなげて消そう ・キャッチャー ― バスケットでフルーツをキャッチ！爆弾注意 ・風船割り ― 画面を飛び交う風船を30秒でどれだけ割れる？ ・シューティングギャラリー ― 的を狙い撃て！命中率を上げろ ※ゲームは今後も続々と追加予定です ============================== プログラミング学習にも最適！ ============================== このアプリに収録されているゲームは、すべてHTML5（HTML / CSS / JavaScript）だけで作られています。 各ゲーム画面の右上にある「HTML」ボタンをタップすると、そのゲームのソースコードをそのまま確認できます。コードには学習用のコメントが丁寧に記述されており、初心者でも読み解きやすい構成になっています。 ・Canvas APIを使った2D描画の実例が学べる ・ゲームエンジンは使用していないため理解しやすい ・requestAnimationFrameによるゲームループの仕組みを理解できる ・衝突判定・物理演算・パーティクルエフェクトなど実践的な技術を実例で確認 ・コピー＆ペーストでブラウザやエディタでそのまま動かせる HTML / CSS / JavaScript を学んでいる方や、ゲーム開発に興味がある方に特におすすめです。 ============================== アプリの特徴 ============================== 全ゲームのHTMLソースコードを閲覧可能 定期的に新ゲームを追加 スマホに最適化されたタッチ操作 端末を傾けて操作できるジャイロ対応ゲームあり ============================== こんな方におすすめ ============================== ・ちょっとした暇つぶしにゲームがしたい方 ・HTML / CSS / JavaScriptを勉強中の方 ・ゲーム開発の仕組みを実例から学びたい方 ・Canvas APIやゲームループに興味がある方 ・プログラミング初心者にゲームプログラミングの面白さを伝えたい方 ゲーム開発の世界は奥深く、このアプリはその第一歩に最適な教材です。まずは好きなゲームを遊んで、気になったらソースコードを覗いてみてください。きっと「こんな仕組みで動いているのか！」という発見があるはずです。