hyoi / tigtag

「tig」も「tag」も和訳は「鬼ごっこ」だそうです。よくある逃げ回ってドットをすべて拾ったらステージクリアなゲーム。

Note: Japanese text only.

ぴこげー: TigTag

「tig」も「tag」も和訳は「鬼ごっこ」だそうです。
逃げ回ってドットをすべて拾ったらステージクリアなゲーム。(よくあるヤツ)
昔のベーマガみたいなピコゲーを作りたかったのです。
逆襲なし、追手は重なるとスピードアップするマゾ仕様。
SEが実装されています。音量要注意っ (≧ω≦;)

WASM版

https://hyoi.github.io/tigtag/

操作方法

キーボード⌨️

• ↑ ↓ ← → キーで上下左右に移動
• Escキーで一時停止(Pause)
  • デスクトップアプリのみEXITメニューあり
    ↑ ↓で選択、SpaceかEnterで決定
• Alt＋Enterでフルスクリーンとウインドウモード切替（デスクトップアプリのみ）
• Hit ANY key!が表示されてる時、一部のキーを除き何か押せば反応するハズ

ゲームパッド🎮

• 十字ボタンで上下左右に移動。
• ps4 PADのSHAREで一時停止(Pause)
  • デスクトップアプリのみEXITメニューあり
    ↑ ↓で選択、◯で決定
• ps4 PADのOPTIOSでフルスクリーンとウインドウモード切替（デスクトップアプリのみ）
  ※所有してないので他のPADでボタンがどれにアサインされるか分からない‥‥

コンパイル方法

• デスクトップアプリにするならcargo run -rでOK。
  ※cargo runだとデバッグモード。いろいろ余計に表示されます

cargo run -r    

• WASMの場合は--targetを指定してコンパイル後、wasm-bindgenで環境を整えます。
  ※コマンドライン引数に書くディレクトリーは作業環境に合わせてください

cargo build -r --target wasm32-unknown-unknown
wasm-bindgen --out-dir .\wasm --target web --no-typescript .\target\wasm32-unknown-unknown\release\tigtag.wasm

• WASMのコンパイルには事前にRustのtarget追加とwasm-bindgenのインストールが必要です
• wasm-bindgenを実行するとバージョン違いの警告が出ることがあります。その時はバージョン上げましょう
• Unofficial Bevy Cheat Book - 13.5. Browser (WebAssembly)をご参考に

rustup target install wasm32-unknown-unknown
cargo install -f wasm-bindgen-cli

お世話になりました

• bevyとその仲間たち
  • Unofficial Bevy Cheat Book
• Google Fonts
  • Press Start 2P
  • Orbitron
  • Reggae One
• ドット絵ダウンロードサイト DOTOWN
  • Rustだから蟹

宿題

• スマホでプレーできるようにしたい。
  • スマホのブラウザでちゃんと表示されるようにしたい
  • タッチ操作できたらWASMでスマホ上で遊べるかも？

tigtag's Issues

AndroidのChromeで`fit_canvas_to_parent: true`が正常に反映されない

#14 の再オープン。
AndroidのChromeでfit_canvas_to_parent: trueが正常に反映されない。FirefoxではOK。
しばらく様子見する。

• Android 13; Pixel 6 Build/TQ1A.230205.002

• Firefox 110.1.0
  ローディングアニメーションの後、正常にDemoが始まる。
  

• Chrome 110.0.5481.153
  **に表示されない。ローディングアニメーションがフリーズする。
  

WASMのゲームパッドでNorthとWestのボタンが入れ替わる

• NorthボタンにアサインしたPauseが、WASMではWestボタンで実行される。原因不明。しばらく様子見する
• なおWestボタンにアサインするとNorthボタンで実行されるため、入れ替わりと判断した
• 確認した環境
  • PS4用ゲームパッド（CUH-ZCT2J）
  • USB接続
  • 使用ソフト： DS4Windows - Ryochan7 Build (Version 3.1.10)

WASM版がスマホのブラウザで正しく表示されない

• v0.14.1で発生した不具合。レンダリング領域がクリッピングされている様に見える。
• PCブラウザ(Windows、Firefox、Chrome)では正しく表示される。

Firefox Mobile

Chrome Mobile

`cargo run -r`で実行した場合に音が鳴らない

• cargo run -rで実行すると音が鳴らないことがある
  • 環境依存の可能性大。手元のノートPC２台だと、片方だけ音が鳴らない
  • 音が鳴らない方でも、cargo runとWASMでは音が鳴る
• bevy v0.9.0 ＆ bevy_kira_audio v0.13.0 に切り換えた後に現象が発生。しばらく様子見する

WASM版がAndroid 13＆Chrome 107で動作しない

WASM版がAndroid 13＆Chrome 107の環境で動作していなかった。
確認した組み合わせは下表のとおり。

OS	ブラウザ	動作
Windows 10 21H2	Firefox 106.0.5(64bit)	◎
Windows 10 21H2	Chrome 107.0.5304.107(64bit)	◎
Windows 10 21H2	Edge 107.0.1418.42(64bit)	◎
Android 13	Firefox 106.1.0	◎
Android 13	Chrome 107.0.5304.91	✖

SEが鳴らないブラウザがある？

ブラウザ	OS	結果
Firefox 96	Windows	○
Firefox 95	Android	○
Chrome 97	Windows	×
Chrome 97	Android	×