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

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

by hirokazu murabe

0 ratings
Free

Rating summary

Details

  • Released
  • Updated
  • June 1, 2026
  • June 2, 2026
🖼️Get Icon
Icons↘︎

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

Developer apps