hokug使ってみる_メモ(game.js)
公開 2025/07/28 21:25
最終更新 2025/08/01 21:01
前回までの記事まとめ
1)https://simblo.net/u/Nz7RmE/post/453297
2)https://simblo.net/u/Nz7RmE/post/457242
3)https://simblo.net/u/Nz7RmE/post/460515
4)https://simblo.net/u/Nz7RmE/post/463575
5)https://simblo.net/u/Nz7RmE/post/463655

game.js内の前回までで使わなかった機能とかをメモ的に

hokug.config.jsの中身も書こうと思ったけど、ファイル開けば大概ほくさんメモで説明されてるからいいかな。


hokug.phaseChanged #

game.js冒頭のphaseChanged部分
コメントで説明を入れます。
/**
 * ゲームのフェーズが変わった時に呼び出されるイベント.
 */
hokug.phaseChanged = function() {
	switch (hokug.state.phase) {

		//スタート前の状態、タイトルの表示とか変数の初期化に使う。
		//タップするとREADYに移行
		case hokug.Phase.UNSTART:
			(なんか処理)
			break;

		//開始準備、「READY」とか表示する
		//configで指定した時間経過するとGOへ移行
		case hokug.Phase.READY:
			(なんか表示する処理)
			break;

		//開始直前、「GO!」とか表示する
		//configで指定した時間経過するとRUNへ移行。
		case hokug.Phase.GO:
			(なんか表示する処理)
			break;

		//ゲーム実行中
		//RUN中は常にtimer処理が走るのでここでは何もしない。
		//どうしてもRUNの最初に1度だけ実行したければ何か入れる。
		case hokug.Phase.RUN:
			break;

		//ゲーム終了時の画面、「終了〜」とか表示する。
		//configで指定した時間経過するとGAMEOVERへ移行。
		case hokug.Phase.FINISH:
			(なんか表示する処理)
			break;

		//ゲームオーバー画面、リトライするかどうか聞いたりする
		case hokug.Phase.GAMEOVER:
			(なんか処理)
			break;
	}
};
前回までの記事ではUNSTARTのところに、
hokug.changePhase(hokug.Phase.RUN);
と入れて強制的にRUNに移行していました。

hokug.keyDown #

キーボードを使うときはここに書く
/**
 * KeyDownされた時に呼び出されるイベント.
 *
 * @param {object} event キーイベント
 */
hokug.keyDown = function(keyEvent) {
	switch (keyEvent.keyCode) {
		case 37: 
			(左矢印キーを押した時の処理)
			break; // left
		case 38:
			(上矢印キーを押した時の処理) 
			break; // up
		case 39: 
			(右矢印キーを押した時の処理)
			break; // right
		case 40: 
			(下矢印キーを押した時の処理)
			break; // down
	}
}
デフォルト(って言うのかわからないけど)では矢印キーのみですが対応のキーコード等を入れてやれば他のキーでも操作できます。

hokug.touchMove #

ドラッグしてる時の処理
移動判定の際に前回判定のあった座標がprevX,Yに入るので勢いとかが割り出せる。
/**
 * TouchMoveされた時に呼び出されるイベント.
 *
 * @param {number} x 座標X(px)
 * @param {number} y 座標Y(px)
 * @param {number} prevX 前回TouchMove時の座標X(px)
 * @param {number} prevY 前回TouchMove時の座標Y(px)
 */
hokug.touchMove = function(x, y, prevX, prevY) {
};

hokug.touchUp #

タッチ終了時の処理
タッチでつかんだものを離したりする処理を入れる。
ボタン系の処理をtouchUpに入れることもある。
/**
 * TouchUpされた時に呼び出されるイベント.
 *
 * @param {number} x 座標X(px)
 * @param {number} y 座標Y(px)
 */
hokug.touchUp = function(x, y) {
};
スゲーでっかいカエル
プロフィールページ
スゲーでっかいカエルです。javascriptでゲームを作ったりします。
最近の記事
モニスクレシピ_ストーリーの進行管理
ストーリーの進行管理 ストーリー進行用の変数を用意しておく # 単発のイベント(アイテムを持ってると道が通れるとか)…
2025/09/25 21:24
モニスクレシピ_定期的に復活する設置アイテム
一定時間で再取得可能になるアイテムのスクリプト 前記事の↓複数個取れるアイテムのスクリプトを流用します https://simb…
2025/09/24 08:40
モニスクレシピ_所持アイテムの消費表現
画像のように特定のアイテムを情報ボックスから消す方法 単純に[var:app_message_info アイテム名]とやってしまうと、どの…
2025/09/23 11:15
ツクセカ用モニスクレシピ
自分のマップで使ったモニスクのメモ。 もっと効率が良い方法もあると思いますので参考程度に。 間違いあったら教えてくだ…
2025/09/22 08:45
約5秒後に特定のマスのタイルを消すスクリプト(モニスク)
判定から5秒後に(0,0)(0,1)(0,2)(0,3)(0,4)のタイルを消す # 前面レイヤーを消すスクリプトになってるので任意で変更してくだ…
2025/09/10 12:39
hokug使ってみる_スプライトシートでフレームアニメーション
hokugで用意されているBlockクラスを使ってフレームアニメーションしようとすると、1コマにつき1画像ファイル使うので凝った動…
2025/08/06 22:18
hokug使ってみる_ツクセカのマップを利用する
ツクセカは2Dマップを作成して公開したりみんなで遊べたりするサービスです。 https://tsukuseka.com/ これで作ったマップ…
2025/08/04 22:26
hokug使ってみる_メモ3(Blockクラス)
hokugのBlockクラスについてメモ プロパティ # プロパティ:初期値 x:0 //x座標 y:0 //y座標 width:0 //幅 height:0 //…
2025/07/31 20:40
hokug使ってみる_メモ2(メソッド)
hokugのメソッドをメモ メソッドはオブジェクトが持ってる関数です。 今まで使ってたhokug.drawText() とかそういうやつ …
2025/07/29 23:25
hokug使ってみる_メモ(game.js)
前回までの記事まとめ 1)https://simblo.net/u/Nz7RmE/post/453297 2)https://simblo.net/u/Nz7RmE/post/457242 3)https://s…
2025/07/28 21:25
hokug(ホクジー)使ってみる_5
前回記事 https://simblo.net/u/Nz7RmE/post/463575 今回は画像を使ってみます。 ゲーム画面で画像を表示する # 画像の…
2025/07/27 18:05
hokug(ホクジー)使ってみる_4
前回記事 https://simblo.net/u/Nz7RmE/post/460515 今回はゲームっぽい要素を入れていきます。 今まで文字を動かしてい…
2025/07/26 13:25
hokug(ホクジー)使ってみる_3
前回記事 https://simblo.net/u/Nz7RmE/post/457242 前回の作ったファイルに続けて書き込んでいく感じになります。 今回は…
2025/07/24 14:51
hokug(ホクジー)使ってみる_2
前回記事 https://simblo.net/u/Nz7RmE/post/453297 前回の終わりで「次は条件分岐やループだ」と言ったがあれは嘘だ。 …
2025/07/22 18:31
hokug(ホクジー)使ってみる_1
hokug? # タイッツー開発でお馴染み「ほく」さんが開発したゲームエンジンです。 クソゲーが簡単に作れるらしいです。JavaScr…
2025/07/22 06:48
カエルマップエディタおまけの使いかた
↓基本的な使いかた https://simblo.net/u/Nz7RmE/post/363809 ↓少し高度な使いかた https://simblo.net/u/Nz7RmE/post/36904…
2025/05/22 14:39
カエルマップエディタのちょっと高度な使い方
基本的な使い方はこちら↓ https://simblo.net/u/Nz7RmE/post/363809 おまけのつかいかた↓ https://simblo.net/u/Nz7RmE/po…
2025/05/22 12:36
カエルマップエディタの簡単な使い方
なにそれ # https://sdkaeru.com/tilemap/ これです。タイルマップエディタってやつです。 ↓ちょっと高度な使いかた http…
2025/05/20 00:11
もっと見る
タグ
hokug(10)
javascript(10)
ゲーム制作(10)
MorningScript(4)
ツクセカ(4)
モニスク(4)
もっと見る