Support flash game

[mantou132]

• nesbox api iframe js implement
• ruffle iframe runtime
  • video output
  • audio output？
  • input？

or

• nesbox api rust implement
• ruffle canvas render?
• ruffle audio output?
• ruffle input?

or

• nesbox api js implement
• hack ruffle-web
  • canvas output
  • ruffle audio output?
  • ruffle input?

[mantou132]

import init, { RuffleInstanceBuilder, RuffleHandle } from "@nesbox/ruffle-core";
import wasmUrl from "@nesbox/ruffle-core/ruffle_web_bg.wasm?url";

console.log(wasmUrl);
await init(wasmUrl);

// hack ruffle tick
window.requestAnimationFrame = (callback: FrameRequestCallback) => {
    return window.setTimeout(() => {
        console.log("requestAnimationFrame");
        callback(performance.now());
    }, 1000 / 60);
};
window.cancelAnimationFrame = (handle: number) => {
    console.log("cancelAnimationFrame", handle);
    return window.clearTimeout(handle);
}

// hack ruffle canvas
const canvas = document.createElement("canvas");
const createElement = document.createElement.bind(document);
document.createElement = (tagName: string) => {
    if (tagName === "canvas") {
        document.createElement = createElement;
        console.log(canvas);
        return canvas;
    }
    return createElement(tagName);
};

// hack input
// const getGamepads = navigator.getGamepads.bind(navigator);
// navigator.getGamepads = () => {
//     console.log("getGamepads");
//     const gamepads = getGamepads();
//     return gamepads;
// }
const addEventListener = canvas.addEventListener.bind(canvas);
canvas.addEventListener = (
    type: string,
    listener: EventListenerOrEventListenerObject,
) => {
    console.log(type);
    return addEventListener(type, listener);
};

// hack audio output
// audioContext

// firefox preferred renderer
const builder = new RuffleInstanceBuilder();
builder.setPreferredRenderer("canvas");

const instance: RuffleHandle = await builder.build(root, {
    setMetadata: async (metadata) => {
        console.log(metadata);
        instance.play();
        canvas.setAttribute(
            "style",
            `width: ${metadata.width}px; height: ${metadata.height}px`,
        );
    },
    closeVirtualKeyboard: console.log,
});
console.log({ instance });

// instance.stream_from("https://ruffle.rs/demo/swfs/flyguy.swf", {});
// instance.stream_from("https://ruffle.rs/demo/swfs/wasted_sky.swf", {});
instance.stream_from("https://ruffle.rs/demo/logo-anim.swf", {});