コンテンツにスキップ

デモ (ブラウザ実行)

吉里吉里Z のコアデモ + プラグイン横断デモを ブラウザ上でそのまま実行できます。 krkrz_dev/data の統合デモギャラリー (全 20 デモ) を Emscripten (wasm) でビルドし、 このページに埋め込んでいます。メニューからデモを選ぶと 再起動なしで切り替わり、 ESC でメニューに戻ります(デスクトップ版とまったく同じ hub 動作)。

動作環境

  • PC の Chrome / Edge / Firefox 最新版で動作します(SharedArrayBuffer / wasm スレッドを使用。非同期処理は全ブラウザ対応の Asyncify でビルド)。
  • 初回アクセス時は Service Worker 登録のため 一度自動リロードが入ります。
  • 起動時に 約 39 MB(wasm + データ + 日本語/絵文字フォント)を読み込みます。下の「▶ 実行」を押したときだけロードします。
  • Elements パネルを使うデモはマウス操作、その他は下部バーやキーボード(各デモの操作説明を参照)で動きます。
  • 埋め込みは 2026-09-01 ビルド (全 20 デモ) です。エンジンやデモを更新した 場合は wasm を再ビルドして差し替える必要があります (最新の一覧はリポジトリの data/ROADMAP.md)。

うまく表示されない場合は 別タブでフルスクリーン表示 を試してください。

仕組み

  • エンジン本体は 共有 wasm バイナリ 1 つ、デモデータは preload(krkrz.data)で同梱しています。
  • GitHub Pages は COOP/COEP レスポンスヘッダを設定できないため、coi-serviceworker で クライアント側に注入し crossOriginIsolated を成立させています(COEP は既定で credentialless)。
  • ビルドは外枠リポジトリ krkrz_web を使用し、 成果物を doc/_assets/demo/ に配置しています。エンジン更新時は krkrz_web で再ビルド して差し替えます。

各デモの内容・操作は data/README と各デモフォルダの readme.txt を参照してください。