hokug使ってみる_メモ2(メソッド)
公開 2025/07/29 23:25
最終更新 2025/08/01 21:01
hokugのメソッドをメモ

メソッドはオブジェクトが持ってる関数です。
今まで使ってたhokug.drawText() とかそういうやつ

hokugメソッド #


hokug.changePhase(newPhase) #

引数にhokug.Phase.RUNとかの定数を入れてやるとそのフェーズに移行。

hokug.finish() #

FINISHフェーズに移行。
ゲームオーバー等で使う。

hokug.restart() #

UNSTARTフェーズに移行。
リトライ等に使う。

hokug.drawBlock(block) #

引数に表示したいblockを入れる。

hokug.drawCenter(img, width, height) #

画面中央に画像を表示。
img hokug.res["画像ファイル名"]の形式
width,heightは画像の表示サイズ
画像のサイズと異なる場合自動で調整される。

hokug.drawFillImage(img) #

画面全体にフィットするように画像を表示。
imgの入力形式は上と同じ。

hokug.drawFillRGBA(r, g, b, a) #

画面全体を塗りつぶす(rgba形式)

hokug.drawFillColor(color) #

画面全体を塗りつぶす(Colorクラス形式)
引数は
color = {r:000,g:000,b:000,a:1}
のようにも書ける(それならFillRGBAのほうを使ったほうが楽)

hokug.drawRect(x, y, w, h, color) #

矩形を描画
x, y 左上の角を指定
w, h 幅と高さ

hokug.drawText(x, y, text, color, size) #

文字を描画
x, y 1文字目の左下あたり(ベースライン?)
size フォントサイズを指定

hokug.startAnimation(img, x, y, width, height, scaleType) #

指定した画像をズームアップ、もしくはズームアウトのアニメーションさせる。
scaleTypeは
hokug.animType.Up(ズームアップしたい場合)
hokug.animType.Down(ズームアウトしたい場合)
を入れる。0か1でもいい。
RUN状態じゃないと動かない。

hokug.drawLine(x1, y1, x2, y2, width, color) #

線を描画
x1, y1 線の視点の座標
x2, y2 線の終点の座標
width 線の太さ

hokug.drawSimpleMask(bgImg, maskColor, centerImg, w, h) #

背景をマスクしてメッセージ画像を出す。
bgImg 背景の画像、無指定にしたい場合はnull
maskColor 背景の上に被さる色、nullをしていした場合は半透明の白
centerImg 中心に出る画像
w,h centerImgの大きさ

hokug.moveInner(block,margin) #

blockを画面内に戻す
block 対象のblock
margin 画面端からblock中心までの最低幅

hokug.createBasicBlock(x, y, w, h, images) #

blockを作成
images ["画像ファイル名1","画像ファイル名2"…]の形式で指定。
指定した画像でフレームアニメーションする。
スゲーでっかいカエル
プロフィールページ
スゲーでっかいカエルです。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)
もっと見る