ノウハウ

2Dゲームのキャラクターのアニメーション

JavaScript(PixiJS)で2Dゲームを作るときのアニメーションについてのサンプルプログラムです。

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

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

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

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

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

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

ブラウザゲームのシーン切り替えと画面遷移演出

JavaScriptのライブラリPixiJSを使ってゲームを作るときにタイトル画面などからのシーンの切り替えのやり方とその時の画面遷移演出について書いてみました。

ゲームの当たり判定【超基本】

ゲームに使われるもっとも基本的な円や矩形の当たり判定プログラムの作り方を初心者向けに説明します。

ブラウザゲームの多言語対応をやってみる

ブラウザゲームの多言語対応をやってみました

マップスクロールとプレイヤーキャラの位置

２Dアクションゲームで横スクロールするときプレイヤーキャラが画面のどこまで来たら行うかという話です。進行方向が広く見える方がプレイヤーにやさしいような気がします。

角に引っかからず滑らせる当たり判定のやり方

２Dゲームでキャラがブロックの端で引っかかるとイラっとしますよね！？これを解決する角をヌルっと滑るように動けるようにする方法がわかりました。

円と矩形の当たり判定つくってみた

円の判定のキャラと矩形の判定のブロックが当たるときの判定をつくってみました。

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

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