JavaScript基礎講座 配列とは？複数のデータをまとめて扱う方法【JavaScript初心者向け】
はじめに｜敵や弾が1つだけのゲームは少ないゲームを作っていると、すぐにこんな場面に出会います。敵が1体だけじゃ足りない弾を何発も出したいアイテムを複数管理したいもし、敵が1体増えるたびに変数を増やしていたらどうなるでしょう。let enem...
JavaScript
JavaScript基礎講座 
JavaScript基礎講座 if文とは？条件分岐をやさしく解説【JavaScript初心者向け】
はじめに｜ゲームに「判断」をさせるための仕組みゲームをしていると、敵に当たったらダメージを受けるスコアが一定以上ならクリアHPが0になったらゲームオーバーといった「条件による分かれ道」が必ず出てきます。この判断・分岐をJavaScriptで...
JavaScript基礎講座 JavaScriptとは？初心者向けにやさしく解説【ゲーム制作の第一歩】
はじめに｜「JavaScriptって何？」からで大丈夫です「ゲームを作りたいけど、JavaScriptってそもそも何？」「プログラミングって難しそうで不安…」そんな気持ちを持って、この記事にたどり着いた方も多いと思います。安心してください。...
JavaScript基礎講座 【初心者向け】JavaScript基礎講座スタートガイド
はじめに｜ゲームを作りたい。でもJavaScriptが分からないあなたへ「ゲームを作ってみたい」そう思ってJavaScriptを勉強し始めたものの、変数？関数？if文？何から覚えればいいか分からない解説が難しくて途中で挫折したそんな経験はあ...
オリジナルゲーム JavaScriptで超シンプルな反射神経ゲームを作ってみた｜止めろ！この1秒
まずは遊んでみてください※ ルール説明はありません。まずはクリック・タップ・Spaceキーで止めてみてください。以下の画像をクリックするとゲームがプレイ出来ます！このゲームについて今回作ったのは、「止めろ！この1秒」という、超シンプルな反射...
ゲーム制作入門 【初心者向け】JavaScriptでシンプルなテトリス（ワンブロック）を作ろう｜完成コード＆完全解説
JavaScriptでゲームを作ってみたいと思ったことはありませんか。でも、難しそうで何から始めればいいか分からない作り始めても途中で動かなくなって挫折したサンプルコードをコピペしただけで終わってしまったそんな経験がある方も多いと思います。...
ゲーム制作入門 【初心者向け】ゲームループの仕組みを完全解説｜JavaScriptゲームが動き続ける理由
🔰 この記事で分かることゲームループとは何かなぜゲームは「止まらずに動く」のかJavaScriptでの基本的なゲームループ構造HPが一瞬で0になる原因と対策の考え方この記事を読み終えるころには、「コードは書けたけど、何が起きているか分からな...
ゲーム制作入門 【初心者向け】JavaScriptゲームにHP・ライフ制を実装する方法｜ダメージが減る仕組みを作ろう
🔰 この記事で分かることHP・ライフ制とは何か敵に当たったときにHPを減らす方法JavaScriptで使えるシンプルなサンプルコードゲームオーバーへつながる基本構造この記事を読み終えるころには、「当たったら即終了のゲーム」から「HPが減って...
ゲーム制作入門 【初心者向け】攻撃判定の実装方法（プレイヤー→敵）｜HTML＋JavaScriptで倒せるゲームを作ろう
🔰 この記事で分かること攻撃判定とは何か（当たり判定との違い）プレイヤーの攻撃が敵に当たったかを判定する方法JavaScriptでの実際に使えるサンプルコード敵を「倒せる」ようにする基本構造この記事を読み終えるころには、「敵に触れるだけのゲ...
ゲーム制作入門 【初心者向け】当たり判定の実装方法（敵×プレイヤー）｜HTML＋JavaScriptで簡単解説
ゲーム制作で必ず必要になるのが**「当たり判定」**です。この記事では、HTML＋JavaScriptの2Dゲームを想定して、敵とプレイヤーがぶつかった瞬間を検出する方法を、初心者の方にも分かるように解説します。当たり判定とは？当たり判定と...