hokug使ってみる_スプライトシートでフレームアニメーション

hokugで用意されているBlockクラスを使ってフレームアニメーションしようとすると、1コマにつき1画像ファイル使うので凝った動作をつくるとき読み込みや管理が面倒になってきます。 なのでスプライトシートに画…

2025/08/06 22:18

hokug使ってみる_ツクセカのマップを利用する

ツクセカは2Dマップを作成して公開したりみんなで遊べたりするサービスです。 https://tsukuseka.com/ これで作ったマップを書き出してhokugで利用してみます。 hokugある程度慣れた人向けです。 ツクセカ…

2025/08/04 22:26

hokug使ってみる_メモ3(Blockクラス)

hokugのBlockクラスについてメモ プロパティ # プロパティ:初期値 x:0 //x座標 y:0 //y座標 width:0 //幅 height:0 //高さ topImgs:[] //上向き時の画像 rightImgs:[] //右向き時の画像 bottomImgs:[] /…

2025/07/31 20:40

hokug使ってみる_メモ2(メソッド）

hokugのメソッドをメモ メソッドはオブジェクトが持ってる関数です。 今まで使ってたhokug.drawText() とかそういうやつ hokugメソッド # hokug.changePhase(newPhase) # 引数にhokug.Phase.RUNとかの定…

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://simblo.net/u/Nz7RmE/post/460515 4)https://simblo.net/u/Nz7RmE/post/463575 5)htt…

2025/07/28 21:25

hokug(ホクジー)使ってみる_5

前回記事 https://simblo.net/u/Nz7RmE/post/463575 今回は画像を使ってみます。 ゲーム画面で画像を表示する # 画像の準備 # 次の２枚の画像をimgフォルダに入れます。 ファイル名は0.png,1.pngで（ど…

2025/07/27 18:05

hokug(ホクジー)使ってみる_4

前回記事 https://simblo.net/u/Nz7RmE/post/460515 今回はゲームっぽい要素を入れていきます。 今まで文字を動かしていましたが、扱いやすい四角形を描画して使っていきます。 四角形を描画する # hoku…

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 前回の終わりで「次は条件分岐やループだ」と言ったがあれは嘘だ。 hokug使ってみるというよりJavaScript使ってみるみたいな内容になってしまうのでヤメ…

2025/07/22 18:31

hokug(ホクジー)使ってみる_1

hokug? # タイッツー開発でお馴染み「ほく」さんが開発したゲームエンジンです。 クソゲーが簡単に作れるらしいです。JavaScript使用。 公式ドキュメント(https://github.com/hoku/hokug) この記事について #…

2025/07/22 06:48