JavaScript基礎講座 配列とは？複数のデータをまとめて扱う方法【JavaScript初心者向け】
はじめに｜敵や弾が1つだけのゲームは少ないゲームを作っていると、すぐにこんな場面に出会います。敵が1体だけじゃ足りない弾を何発も出したいアイテムを複数管理したいもし、敵が1体増えるたびに変数を増やしていたらどうなるでしょう。let enem...
nishi
JavaScript基礎講座 
JavaScript基礎講座 for文とは？繰り返し処理をやさしく解説【JavaScript初心者向け】
はじめに｜同じ処理を何度も書くのは大変ゲームを作っていると、こんな場面が必ず出てきます。敵を10体出したい弾をたくさん動かしたいスコア表示を毎フレーム更新したいもしこれを全部手作業で書くとしたら、とても大変です。そこで登場するのがfor文（...
JavaScript基礎講座 if文とは？条件分岐をやさしく解説【JavaScript初心者向け】
はじめに｜ゲームに「判断」をさせるための仕組みゲームをしていると、敵に当たったらダメージを受けるスコアが一定以上ならクリアHPが0になったらゲームオーバーといった「条件による分かれ道」が必ず出てきます。この判断・分岐をJavaScriptで...
JavaScript基礎講座 JavaScriptとは？初心者向けにやさしく解説【ゲーム制作の第一歩】
はじめに｜「JavaScriptって何？」からで大丈夫です「ゲームを作りたいけど、JavaScriptってそもそも何？」「プログラミングって難しそうで不安…」そんな気持ちを持って、この記事にたどり着いた方も多いと思います。安心してください。...
JavaScript基礎講座 【初心者向け】JavaScript基礎講座スタートガイド
はじめに｜ゲームを作りたい。でもJavaScriptが分からないあなたへ「ゲームを作ってみたい」そう思ってJavaScriptを勉強し始めたものの、変数？関数？if文？何から覚えればいいか分からない解説が難しくて途中で挫折したそんな経験はあ...
オリジナルゲーム JavaScriptで超シンプルな反射神経ゲームを作ってみた｜止めろ！この1秒
まずは遊んでみてください※ ルール説明はありません。まずはクリック・タップ・Spaceキーで止めてみてください。以下の画像をクリックするとゲームがプレイ出来ます！このゲームについて今回作ったのは、「止めろ！この1秒」という、超シンプルな反射...
ゲーム制作入門 【初心者向け】JavaScriptでシンプルなテトリス（ワンブロック）を作ろう｜完成コード＆完全解説
JavaScriptでゲームを作ってみたいと思ったことはありませんか。でも、難しそうで何から始めればいいか分からない作り始めても途中で動かなくなって挫折したサンプルコードをコピペしただけで終わってしまったそんな経験がある方も多いと思います。...
オリジナルゲーム シティポップ風ビジュアルノベルをJavaScriptで作ってみた
この記事でできることこの記事では、シティポップ風の世界観を持つオリジナルゲーム「DATE COURSE」を題材に、JavaScriptでゲームを作る全体の流れ雰囲気づくり（BGM・背景・演出）の考え方ビジュアルノベル系ゲームの基本構造を初心...
ゲーム制作入門 【初心者向け】ゲームループの仕組みを完全解説｜JavaScriptゲームが動き続ける理由
🔰 この記事で分かることゲームループとは何かなぜゲームは「止まらずに動く」のかJavaScriptでの基本的なゲームループ構造HPが一瞬で0になる原因と対策の考え方この記事を読み終えるころには、「コードは書けたけど、何が起きているか分からな...
ゲーム制作入門 【初心者向け】JavaScriptゲームにHP・ライフ制を実装する方法｜ダメージが減る仕組みを作ろう
🔰 この記事で分かることHP・ライフ制とは何か敵に当たったときにHPを減らす方法JavaScriptで使えるシンプルなサンプルコードゲームオーバーへつながる基本構造この記事を読み終えるころには、「当たったら即終了のゲーム」から「HPが減って...