はじめに｜いよいよ最終回！スコアとステージでゲームを仕上げよう！ 全3回にわたって作ってきた「HTML・CSSでかんたんなシューティングゲームを作ろう！」も、いよいよ最終回です！ これまでに以下の機能を実装してきました👇 自機（プレイヤー）...

はじめに｜ゲームに「敵」と「ルール」が加わると本物っぽくなる！ 前回の記事では、自機を左右に動かし、スペースキーで弾を発射するところまで作成しました。 今回はついに「敵実装編」です！以下の要素を実装して、遊べるゲームに仕上げていきましょう...

はじめに｜ゲームに“動き”が加わるとワクワクが倍増！ 前回の記事では、HTMLとCSSを使ってシューティングゲームの見た目を作成しました！ 今回は、いよいよゲームらしくするために「JavaScriptで動きをつける」パートに入ります。左右に自機を動かしたり、...

はじめに｜ステップアップして「動くゲーム」を作ろう！ 前回のランニングゲームは楽しめましたか？今回はその応用として、2Dの迷路を移動し、敵を避けてゴールを目指すゲームを作ってみましょう！ このゲームを通じて、以下のようなスキルが身につきます...

はじめに｜HTML・CSS・JavaScriptでゲームは作れるの？ こんにちは、ぷろぐらの森です🌱今回は、初めてでも楽しく作れる「ランニングゲーム」の作り方をご紹介します。 この記事では、プログラミング初心者の方でも楽しく学べる「ランニングゲーム...

こんにちは、「ぷろぐらの森」です🌱前回は、HTMLを使って自己紹介ページを作りました。（前回の記事はこちら）今回は、ページの色や文字のデザインを変える方法を学んでいきます。 それを実現するのが「CSS（シーエスエス）」という技術です！ 文...