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