ひろばニュース｜2026/07/31~2026/08/06号

/**
 * ====================================================================
 *  【WASM ➔ JS 連携】wasm-adapter.js　ロジック一連処理
 * ====================================================================
 */

export class WasmAdapter {
    constructor() {
        this.wasmInstance = null;
        this.wasmMemory = null;
        this.isLoaded = false;

        // C++（WASM）側のメモリの「住所（ポインタ）」を保持する変数
        this.notesTimePtr = 0;
        this.notesLanePtr = 0;
        this.progressPtr = 0;
        this.statusPtr = 0;
        this.notesCount = 0;
    }

    /**
     * STEP 1: WASMモジュールのロードと初期化
     * -------------------------------------------------------------
     * ブラウザにWASMファイルを読み込ませ、メモリのコントロール権を取得
     */
    async init(wasmUrl = 'wasm/notes.wasm') {
        try {
            // WASM側への最小限のインポートオブジェクトを定義
            const importObject = {
                a: { a: (delta) => console.log("resize_heap:", delta) },
                env: {
                    abort: () => console.error("Wasm aborted"),
                    js_log: (val) => console.log("[Wasm Log]:", val)
                }
            };

            const response = await fetch(wasmUrl);
            const bytes = await response.arrayBuffer();
            const results = await WebAssembly.instantiate(bytes, importObject);

            this.wasmInstance = results.instance;
            this.wasmMemory = this.wasmInstance.exports.b; // WASMの生メモリ（ArrayBuffer）を取得！
            this.isLoaded = true;

            console.log("⚡ [WasmAdapter] WASMメモリの取得に成功しました。");
            return true;
        } catch (error) {
            console.error("❌ [WasmAdapter] 初期化失敗:", error);
            this.isLoaded = false;
            return false;
        }
    }

    /**
     * STEP 2: JSからWASMの生メモリへデータを「ゼロコピー」する。
     * -------------------------------------------------------------
     * WASM側に領域を生成し、JSの型付き配列（TypedArray）を被せて書き換え。
     */
    loadNotes(notes, bpm = 120) {
        if (!this.isLoaded) throw new Error("WASMが初期化されていません。");

        this.notesCount = notes.length;
        const exports = this.wasmInstance.exports;

        // 1. 古い譜面データがメモリに残っていたら、C++側でクリーンアップ
        if (exports.g) exports.g(); 

        // 2. C++側のメモリ空間に、データの格納エリアを「ポインタ（住所）」として確保
        this.notesTimePtr = exports.d(this.notesCount);  // Float64Array用のメモリ確保
        this.notesLanePtr = exports.e(this.notesCount);  // Int32Array用のメモリ確保
        this.progressPtr  = exports.f(this.notesCount);  // Float32Array用のメモリ確保（進捗率用）
        this.statusPtr    = exports.e(this.notesCount);  // Int32Array用のメモリ確保（判定フラグ用）

        // 🎯WASMの生のバッファの上に、JSの型付き配列のビューを重ね合わせる（オーバーレイ）
        const timeArray   = new Float64Array(this.wasmMemory.buffer, this.notesTimePtr, this.notesCount);
        const laneArray   = new Int32Array(this.wasmMemory.buffer, this.notesLanePtr, this.notesCount);
        const statusArray = new Int32Array(this.wasmMemory.buffer, this.statusPtr, this.notesCount);

        // 3. 重ね合わせた配列に値を代入し、そのままWASM（C++）側のメモリを書き換え！
        for (let i = 0; i < this.notesCount; i++) {
            timeArray[i] = notes[i].time;
            laneArray[i] = notes[i].lane;
            statusArray[i] = 0; // 0: 未判定
        }

        // 4. データが入ったメモリの「住所」をC++のゲームエンジンに渡して初期化完了
        exports.h(this.notesCount, bpm, this.notesTimePtr, this.notesLanePtr, this.progressPtr, this.statusPtr);
        console.log(`🎵 [WasmAdapter] ${this.notesCount} 個のノーツをWASM直結メモリへ転送しました。`);
    }

    /**
     * STEP 3: 毎フレームの超高速位置計算（ゲームループ内での呼び出し）
     * -------------------------------------------------------------
     * 1秒間に60〜120回走るループ。重い計算はすべてC++側で一瞬で終わらせ、
     * 画面に描画すべきアクティブなノーツの情報だけを厳選してJSに送り返す。
     */
    update(currentTime) {
        if (!this.isLoaded || this.notesCount === 0) return [];

        const exports = this.wasmInstance.exports;

        // 1. C++側で全ノーツの現在の位置（進捗率）を一斉に計算
        exports.i(currentTime);

        // 2. 最新の計算結果が格納されているWASMメモリのビューを作成
        const progressArray = new Float32Array(this.wasmMemory.buffer, this.progressPtr, this.notesCount);
        const statusArray   = new Int32Array(this.wasmMemory.buffer, this.statusPtr, this.notesCount);
        const laneArray     = new Int32Array(this.wasmMemory.buffer, this.notesLanePtr, this.notesCount);

        const activeNotes = [];
        // 3. 画面内に見えている（描画が必要な）ノーツだけをシャッフルして抽出
        for (let i = 0; i < this.notesCount; i++) {
            if (progressArray[i] >= 0.0 && progressArray[i] <= 1.2 && statusArray[i] === 0) {
                activeNotes.push({
                    index: i,
                    progress: progressArray[i], // 0.0（画面上端）〜1.0（判定ライン）
                    lane: laneArray[i],
                    status: statusArray[i]
                });
            }
        }

        return activeNotes; // app.jsのCanvas描画処理へ。
    }

    /**
     * STEP 4: 打鍵判定
     * -------------------------------------------------------------
     * ユーザーがキーを押した瞬間に実行。難読化されたC++関数を綺麗にラッピング。
     */
    checkHit(lane, currentTime) {
        if (!this.isLoaded) return { result: 'NONE', noteIndex: -1, diff: 0 };

        const exports = this.wasmInstance.exports;

        // 1. ユーザーが叩いた「レーン」と「正確な時間」をC++で判定。
        const hitResult = exports.j(lane, currentTime); // 難読化関数「j」を実行
        const hitIndex  = exports.k();                  // 叩いたノーツのインデックス「k」を取得
        const timeDiff  = exports.l();                  // 判定ラインとの正確なタイムラグ「l」を取得

        // 2. C++側の数値（1, 2, 3）を、JS側で扱いやすい文字列に翻訳して返却
        let judgeStr = 'NONE';
        if (hitResult === 1) judgeStr = 'PERFECT';
        else if (hitResult === 2) judgeStr = 'GOOD';
        else if (hitResult === 3) judgeStr = 'MISS';

        return {
            result: judgeStr,
            noteIndex: hitIndex,
            diff: timeDiff
        };
    }
}