ちびキャラでシューティングゲームの試作2(負荷テスト)
サキュバス娘があらわれた!
オナホ戦闘機に乗って撃退しよう!
※スマホの場合は[戻る]キーでフルスクリーン解除が出来ます。
言い訳
こんな時間(深夜)なんだけど、どうしてもスマホで大丈夫なのか確認したくてUP。
前回試作した際、正方形だとスマホの縦画面でも横画面でも小さすぎて微妙かな~?と感じたので、フルHDに。
1024x1024から1920x1080へのアップなので、負荷はかなり上がるハズ。
更に敵の数もどこまで耐えられるのか、ためしに時間経過で最大300体まで増やすようにしてみました。
アップデート内容
- 正方形画面からフルHDにした。
- フルスクリーンに対応した。スマホでも、横画面にしてからFULL SCREENボタン使うと見やすくなる、かも知れない。
- 前回はキーボードでないと連射不可能だったが、キノコをタッチしたままで連射できるようにしてみた。
- キャラの左右移動時に微妙な傾きを入れてみた。
- 敵キャラを増やした。
- 敵キャラの移動アルゴリズムをランダムから、2パターン(緩やかに近づく or 積極的に近づく)に変更。
- 左上の文字列はテスト用のデバッグ情報なので気にしないで
ベース絵
Prompt:
1girl,loli,chibi,(closed eyes:1.4),blush,open mouth,cum,embarrassed
,pink short hair,naked
,looking away,full body,from side,simple white background
,best quality,masterpiece,extreamely detailed
Negative prompt: (worst quality, low quality:1.2),text
Steps: 20, Sampler: Euler a, CFG scale: 7, Seed: 3047471747, Size: 512x512, Model hash: fdffd3c312, Model: ambientmix-half, Denoising strength: 0.6, Clip skip: 2
技術解説
こちらの動画がものすごく勉強になりました。前回UPしたミニゲームからあんま変わってないように見えますが、この動画のおかげで8割くらい手直し出来ました。
特に三角関数とかピタゴラスの定理ってそうやって活用するのかと目から鱗がボロボロ落ちました。高校中退してるからわからなくても仕方ない、と自分に言い訳してたけれど、ググったら中学でも習うとか…マジ…?覚えてないンですけどーっ!
(ちなみに三角関数は弾道計算、ピタゴラスの定理は当たり判定に使用)
1講座20~30分で全14回。JavaScriptの基礎があればたった6時間でシューティングゲームが作れるようになります。これが無料で見られるとか神か。
大昔受講したWindows NT講習5日間30万円よりずっと役立つことは保証するので、JavaScriptでゲーム作りたい人は必ず視聴しましょう。
まとめ
うーん、スマホでの操作性がイマイチな気がします。
連射しながらの移動ができたり、できなかったり。
キノコボタン長押しするとバイブが震えるってことは何か選択状態になってるのかなぁ。
………あ、これアレだ。指離したら撃つのをやめるようにしてるから、右の指でタッチしつつ、左の指を移動のために離すと連射終了するからか。
→追記:直した
後は移動の判定でマルチタッチを考慮してないから、発射ボタン押してる指につられて予期しない方向へ進んでしまうのが難点ですかね。
→追記:画面左下にアナログコントロールエリア作った。円しかないからちょっとわかりづらい。
ともあれ、うちのスマホ(Antutu60万点)でもタブレット(Antutu 24万点)でも敵300体出た状態で60FPSキープできるとわかったので安心しました。
モン娘TDとかのソシャゲ(ブラウザゲー)って、あれはデータセンターに置いた高性能PCにAndroidエミュレーターを入れて画面だけ転送してるって聞いたことあるんだよね。だから純粋なJavaScriptだけでここまで出来ることにちょっと感動しています。















