Buy me a coffee: https://boosty.to/ivan_8observer8/donate This service supports PayPal. You can perform single sign-on with your Google account.

Live demo: https://8observer8.github.io/webgl10-js/falling-box-contact-listener-user-data-box2dwasm-melonjs-js/

Playgrounds:

• Replit: https://replit.com/@8Observer8/Falling-box-contact-listener-Box2D-WASM-MelonJS-JS
• Plunker: https://plnkr.co/edit/pEngeORqyQZrtDBf?preview
• Glitch: https://glitch.com/edit/#!/berry-denim-chronometer

Topic and discussions:

• Melon.js topic: https://melonjs.discourse.group/t/basic-examples-of-using-box2d-wasm-with-melon-js-in-javascript/57
• Melon.js discussion: melonjs/melonJS#1192
• Box2D-WASM discussion: Birch-san/box2d-wasm#67

Instruction for building and running the project in debug and release using Rollup:

• Install these packages globally with the command:

npm i -g http-server rollup uglify-js

• Run http-server in the project directory:

http-server -c-1

Note. The -c-1 key allows you to disable caching.

• Start development mode with the following command:

npm run dev

Note. Rollup will automatically keep track of saving changes to files and build a new index.js file ready for debugging. You can debug your project step by step in the browser by setting breakpoints.

• Go to the browser and type the address: localhost:8080/index.html

• Create a compressed file ready for publishing. Stop development mode, for example, with this command Ctrl + C in CMD, if it was launched before and enter the command:

npm run release

Note. After this command, Rollup will create a compressed index.js file. Compression is done using the uglify-js package.