HowToLocalplay - cwtickle/danoniplus GitHub Wiki

English | Japanese

| < 多鍵の種類について | ローカルでのプレイ方法 | Flash版との機能差異 > |

ローカルでのプレイ方法

  • Chrome 79より、ローカル上での画像読込に制限が入り、
    既定の状態(htmlファイルをダブルクリックで起動)ではプレイできなくなりました。
    (ライフゲージ、矢印・フリーズアローが見えない状況になっている状態を指します。)

補足情報

  • ver12.3.0以降 (ver11はver11.4.3以降, ver9はver9.4.23以降)より、htmlファイルをそのまま開く場合は ソース直書きのバイナリ変換データを参照するようにしたため、画像が表示されない問題は無くなりました。
  • ローカルサーバーを立てる場合では遅延の少ない Web Audio API が常時使用できるといった利点もあるため、ページ自体は残しておきます。
  • 環境の違いによるオーディオ再生方法の違いについてはオーディオ仕様をご覧ください。
  • また、矢印画像を変更するimgTypeをローカルで有効にするには、ここに記載のローカルサーバーを立てる必要があります。

対応方法

81-0local

最初に以下A, Bどちらかの設定が必要です。
将来性を考慮し、Aの方法で作ることを推奨します。
※ver12.3.0の変更により、Bの方法は対策としてほぼ意味がなくなりました。
 (そのままhtmlファイルを開いてプレイが可能なため)

A. ローカルサーバーを立てる

  • 1~3は初回のみです。次回以降は4から行えばOKです。
    うまく行かない場合はこちらもご覧ください。

1. Xampp をダウンロード

https://www.apachefriends.org/jp/index.html

2. Xampp をインストール

  • 基本的に「Next」を押すだけでインストール可能です。
詳細は[ここをクリック]してください。

81-0xampp
81-1xampp
81-2xampp
81-3xampp
81-4xampp
81-5xampp
81-6xampp
81-7xampp
81-8xampp
81-9xampp

3. Xampp(Apache)の設定

  • Config -> httpd.conf をクリックします。 81-10xampp

  • Windowsの場合、次回以降すぐに起動できるよう、「ピン留め」しておくと便利です。 81-11xampp

  • DocumentRoot 及び Directoryの値を、ダンおにを作成しているフォルダーに設定します。
    ※すでにXamppが導入済みで、Directoryを変えたくない場合はこちらをご覧ください。

  • 例) C:/danoniplus ※"¥"は"/"に変更してください。
    81-12xampp

4. Apacheの起動

  • Apacheの「Start」ボタンを押してApacheを起動します。 81-13xampp

5. ブラウザを起動して、ダンおにが起動することを確認します。

例えば、C:\danoniplus\danoni\danoni1.htmlにあるファイルを確認するときは
http://localhost/danoni/danoni1.htmlへアクセスすればOKです。
81-14xampp

  • danoni_main.jsを入れ替えるときはキャッシュが残っていることがあります。
    スーパーリロード(Ctrl + F5キー)を行うか、
    .htaccessというファイルを DocumentRoot に指定したフォルダに置いてください。
    中身は下記のように記載します。
FileEtag None
RequestHeader unset If-Modified-Since
Header set Cache-Control no-store
  • 終了するときは、Apacheの「Stop」ボタンを押して終了してください。 81-13xampp

参考 https://qiita.com/massie_g/items/2913066e596dae197539

B. Chromeの設定変更により回避する

1. Chrome の設定変更

Chromeの「設定」を開きます。
詳細設定 > システム より、「Google Chrome を閉じた際にバックグラウンド アプリの処理を続行する 」のチェックを外します。
※下記は Chrome 79の場合であり、後継バージョンの場合は表示が異なる場合があります。

92local

2. Chromeの終了

Chromeの画面を全て閉じます。

3. Chromeに起動オプションをつけたショートカットを作成

既存のChromeのショートカットをコピーします。
93local

コピーしたショートカットを右クリック -> プロパティ を選びます。
「リンク先」の最後に、「 --allow-file-access-from-files」を追加します。
94local

「詳細設定」ボタンを押し、「管理者として実行」にチェックを入れて「OK」を押します。 95local

作成したショートカットよりChromeを起動して、その中でダンおに用のHTMLファイルを開けば、
ローカルでもプレイが可能になります。
※この状態の場合、ドラッグ&ドロップが利かないため、
 面倒かもしれませんがフォルダーをコピーしてURLエリアへ貼り付けてください。

例)C:/danoni/sample/danoni1.html

| < 多鍵の種類について | ローカルでのプレイ方法 | Flash版との機能差異 > |

⚠️ **GitHub.com Fallback** ⚠️