WebアプリをOPFSにインストールしてURLを拡張！

0. はじめに

このページは、こちらの電子書籍用のサンプルプログラムです。
無料公開部分で利用方法を紹介しておりますので、該当箇所をお読みの上でご利用ください。

1. 起動ページに移動して、なんてことのないただのページであることを確認する

起動ページへ

2. インストールするWebアプリのフォルダを用意

👇Webアプリのフォルダを指定してください。👇 *インストール用サンプル1*
FIZZBUZZ GAME このゲームの説明について *インストール用サンプル2*
Territory Clash このゲームの説明について

3. 指定したフォルダをOPFSにインストール

インストールする

4. 起動ページに移動して、インストールしたWebアプリの起動を確認する

起動する

5. OPFSからWebアプリをアンインストールする

アンインストールする

6. 本文に戻る

本文に戻る

Territory Clash について

このゲームは、ゲーム開発関係のDiscordコミュニティを通じてShinkaytic様からご提供いただきましたので、ここに感謝の意とともにご紹介させていただきます。

Shinkaytic様について

• Xアカウント
• YouTubeチャンネル

Shinkaytic様のご厚意により、当サンプルプログラムでのインストール用ゲームが揃えられました。

そしてご提供いただいたゲームがGodot製だったこともあり、ゲームエンジン製のWebビルドやWasmもOPFSにインストールして動作できるという、説得力のある実証例を示すことができました。

ご提供いただいたゲームで、このサンプルプログラムとそれを扱うこの本の価値を大いに高めていただきましたことに、この場を借りて厚く御礼申し上げます。

ゲームルールと仕様

基本情報

• プレイ人数: 2人対戦
• 目的: より多くの陣地を獲得してスコアを稼ぐ

ゲームの流れ

1. プレイヤー1の選択
• マウスドラッグで矩形範囲を選択（青色の枠）
• 「選択完了」または「スキップ」ボタンを押す
• 画面が暗転（相手に選択内容が見えないように）
2. プレイヤー2の選択
• 「準備完了」ボタンを押してプレイヤー2に交代
• マウスドラッグで矩形範囲を選択（青色の枠）
• 「選択完了」または「スキップ」ボタンを押す
3. 結果判定
• 両者の選択が同時に公開される
• 陣地が追加され、スコアが更新される
• 「次のターンへ」ボタンで次のターンに進む

陣地獲得のルール
選択範囲の衝突判定:

• 両者の選択範囲が少しでも重なった場合、大きい方が無効になる
• サイズが同じ場合はランダムで片方が無効
• 有効な選択のみが陣地として確定

陣地の奪い合い:

• 相手の陣地と重なる範囲を選択すると、重なった部分だけ奪える
• 選択範囲外の相手の陣地は残る
• 自分の過去の陣地と重なっても、過去の陣地は消えない

スコア倍率システム:

• 初めて獲得した陣地: 1倍
• 相手の倍率1の陣地を奪い返す: 2倍
• 相手の倍率2の陣地を奪い返す: 3倍
• 奪い合いが激しいほど倍率が上がる

スコア計算

• (陣地の面積 / フィールド全体) × 1000 × 倍率
• フィールド全体を1倍で取ると約1000ポイント

戦略のポイント

• 大きく選択するリスク: 相手と被ると無効になりやすい
• スキップの読み合い: 相手がスキップすると予想して全選択すれば大量得点
• 高倍率エリアの奪取: 何度も奪い合ったエリアは高得点
• 部分的な奪取: 相手の陣地の一部だけを奪って効率的に得点

操作方法

• マウスドラッグ: 範囲選択
• 選択完了: 選択を確定
• スキップ: そのターンは何も選択しない
• Enterキー: ゲーム終了判定
• Escキー: ゲーム再起動​​​​​​​​​​​​​​​​

MINAMO'S FIZZBUZZ GAME について

当サイト管理人minamoが、OPFSジャックの動作検証のためだけに開発中の、最低限の動作検証要素と最低限のバージョン管理部分・及び最低限のMod対応部分を備える(予定の)エンジン・フレームワーク不使用の開発のシンプルゲーム。

なお想定用途がこのような用途のため、面白さは何も考えていません。

このゲームについては、当サイトのリンクとminamoの名前表記を希望する以外、あらゆる権利とサポートを放棄するため、インストール用サンプル1ボタンからダウンロードされたプログラムは、ご自由に改変していただいて構いません。

なお、魔改造した末にX等でつぶやいたり、報告して下さるとminamoは多分喜びます。

Mod対応した暁には、「このクソゲーをいかに面白く改造できるか」などを競っていただけるとminamoが多分、ほくそ笑みます。

ゲームのルールについて

1. 難易度を設定してGameStartボタンからゲームを開始します。
2. 難易度で設定した秒数ごとに、数字がカウントアップしていきます。
3. カウントアップ時間内に、画面中のFizzボタン及びBuzzボタンのチェック状態を適切に管理。
   • Fizz: カウント数が3の倍数の時のみ、チェックしてください
   • Buzz: カウント数が5の倍数の時のみ、チェックしてください
4. カウントアップ完了後、各ボタンのチェック状態が適切であればセーフ、不適切であればアウトとしてハートを失います。
5. ハートがゼロになった時点でのカウント数が、クリアスコアとなります。
6. 各難易度ごとに上位3位までスコアが記録されます！完全オフライン、ライバルは自分自身！