The debug drawer of colliders for Box2D-WASM using Babylon.js and JavaScript

[8Observer8]

Table of contents

Playgrounds:

• Babylon.js Playground (I tried to import box2d-wasm but it doesn’t work)
• Plunker
• Glitch
• Replit

GitHub repo with step-by-step instruction in the README file for building and running the project in debug and release using Rollup: GitHub - 8Observer8/debug-drawer-box2dwasm-babylonjs-js

[carolhmj]

Love what you have been doing with all those super useful examples

[8Observer8]

Thanks! I am very satisfied, be helpful.

It would be great if someone could fix: https://playground.babylonjs.com/#7ICSL2#1

var createScene = async function () {
    const Box2DLib = await import ("https://8observer8.github.io/lib/box2d-wasm-7.0.0-box2d-2.4.1/box2d-wasm.min.js");

    let box2d = null;

    function initBox2D() {
        return new Promise(resolve => {
            Box2DLib().then((re) => {
                box2d = re;
                resolve();
            });
        });
    }
    await initBox2D();

    const Scene = BABYLON.Scene;

[8Observer8]

This example doesn’t work on PlayCode: The debug drawer for Box2D-WASM using Babylon.js and JavaScript I wrote about it on the PlayCode discord channel.

[8Observer8]

I added an example in Replit. You need to wait 2-3 minutes for the Babylon.js files to load.