# Basic Examples of Using Box2D-WASM with Phaser 3 in JavaScript

**URL:** <https://phaser.discourse.group/t/basic-examples-of-using-box2d-wasm-with-phaser-3-in-javascript/13430>\
**Category:** Examples\
**Created:** [July 22, 2023, 4:05pm UTC](https://phaser.discourse.group/t/basic-examples-of-using-box2d-wasm-with-phaser-3-in-javascript/13430 "2023-07-22T16:05:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![8Observer8](https://avatars.discourse-cdn.com/v4/letter/8/bbe5ce/32.png) [@8Observer8](https://phaser.discourse.group/u/8Observer8)\
**Post date:** [July 22, 2023, 4:05pm UTC](https://phaser.discourse.group/t/basic-examples-of-using-box2d-wasm-with-phaser-3-in-javascript/13430/1 "2023-07-22T16:05:23Z")

</div>

**Debug drawer of Box2D-WASM colliders**

[Live demo](https://8observer8.github.io/webgl10-js/debug-drawer-box2dwasm-phaser3-js/)

[GitHub repository](https://github.com/8Observer8/debug-drawer-box2dwasm-phaser3-js)

Playgrounds/Sandboxes:

- [Replit](https://replit.com/@8Observer8/Debug-drawer-for-Box2D-WASM-using-Phaser3-and-JS)
- [Plunker](https://plnkr.co/edit/0Lim08uzqEJz91V7?preview)
- [Glitch](https://glitch.com/edit/#!/caterwauling-muddy-cloak)

Discussions:

- [Phaser discussion](https://github.com/photonstorm/phaser/discussions/6556)
- [Box2D-WASM discussion](https://github.com/Birch-san/box2d-wasm/discussions/68)

![debug-drawer-box2dwasm-phaser3-js](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/a/adaeea76347e2510ad447514e8caccbc640d240d.gif)

---

<div class="post-metadata">

**Author:** ![8Observer8](https://avatars.discourse-cdn.com/v4/letter/8/bbe5ce/32.png) [@8Observer8](https://phaser.discourse.group/u/8Observer8)\
**Post date:** [July 23, 2023, 1:08pm UTC](https://phaser.discourse.group/t/basic-examples-of-using-box2d-wasm-with-phaser-3-in-javascript/13430/2 "2023-07-23T13:08:38Z")

</div>

**Contact listener, user data, debug drawer**

[Live demo](https://8observer8.github.io/webgl10-js/falling-box-contact-listener-box2dwasm-phaser3-js/)

[GitHub repository](https://github.com/8Observer8/falling-box-contact-listener-box2dwasm-phaser3-js)

Playgrounds/Sandboxes:

- [Replit](https://replit.com/@8Observer8/Falling-box-contact-listener-Box2D-WASM-Phaser3-JS)
- [Plunker](https://plnkr.co/edit/HOM99w4jXUSJd3q7?preview)
- [Glitch](https://glitch.com/edit/#!/marbled-coherent-archer)

Discussions:

- [Phaser discussion](https://github.com/photonstorm/phaser/discussions/6556)
- [Box2D-WASM discussion](https://github.com/Birch-san/box2d-wasm/discussions/68)

![falling-box-contact-listener-box2dwasm-phaser3-js](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/7/7269ec976943e3d760b4e051bea614245894deca.gif)