フルスクラッチ

番号タッチゲームを作るよ

DOM操作だけでできる簡単な番号タッチゲームを作ります。0から順番に数字をタッチしていくゲームです。

ライツアウトの作り方

ライツアウトは5×5などで構成されたマス(ライト)を全部消すゲームです。今回は素のJavaScriptだけでできるライツアウトの作り方です。

ブラウザでゲームパッドを使う方法

JavaScriptでブラウザでゲームパッドを使えるようにするやり方です。すぐ使える完璧なサンプル付き。

バーチャルパッドの作り方

JavaScriptでのバーチャルパッドの作り方です。スマホのブラウザでもコントロールできるバーチャルパッドがあれば作れるゲームの幅が大きく広がります。

キー入力でキャラクターの移動を操作する

JavaScriptのキー入力でコントローラーのようにキャラクターの移動を操作できるように方法です。操作部分がしっかり出来ていないと面白いゲームは作れません。

Canvasでゲームを作る

canvasと素のJavaScriptだけで簡単なゲームエンジンもどきを作ってみました。ライブラリを使わずフルスクラッチで作っています。

ブラウザゲームでセーブデータを保存する方法

ローカルストレージというブラウザが持っている機能を使ってゲームの進行状況のセーブやハイスコアなどの保存をする方法を解説します。