How to convert ammo.js to es6 module?

gonnavis · October 8, 2021, 3:42pm

I’m facing a situation that can only import es6 module, can not use <script> tag.

If can’t convert, is there a way to wrap it in an es6 loader, and load it like what DRACOLoader loading draco_decoder.wasm?

Usnul · October 8, 2021, 4:05pm

I suggest you use the JS version instead of wasm (because wasm is a pain to wrap and performance difference with ammo specifically is quite low)

make a local copy (or clone repo)
go to the bottom of the file and add an export statement
profit?

gonnavis · October 8, 2021, 4:29pm

Oh! There’s an ammo.js file in the official ammo.js repo.

( I consider EMScripten can only produce .wasm not .js before, and three.js repo only has ammo.wasm.js and ammo.wasm.wasm files too. )

Thanks a lot! I’ll try.

gonnavis · October 8, 2021, 5:22pm

OK!

I found need one more step: delete this.Ammo=b; in ammo.js, otherwise will cause an error.
Seems to work fine:

demo

code

8Observer8 · July 5, 2022, 4:22pm

Hello, @gonnavis! I have a problem. Maybe did you have it too? Three.js and Ammo-ES. Error: ammo-es.js:37 Uncaught TypeError: ia[J[((J[(a >> 2)] + 8) >> 2)]] is not a function

gonnavis · July 5, 2022, 7:15pm

Sorry that I chose to use cannon-es and PhysX wasm later.
So no more use of ammo.

8Observer8 · July 5, 2022, 8:53pm

Thank you very much for reply. I use cannon-es too but I hear about physx-js at first time. It needs for me to have the same physics engine on Web and Desktop (C++ client) for multiplayer game: Ammo.js and Bullet Physics. I must have the same physics engine on the client and server side for client predictions. It seems I can have physx-js for Web and PhysX for Desktop. I read that PhysX is free now. Can I use physx-js as ES6 module? I have the problem: physx-js as ES6 module · Issue #15 · ashconnell/physx-js · GitHub

gonnavis · July 6, 2022, 8:31am

We are using a customized PhysX wasm.
https://github.com/webaverse/app-wasm/blob/e7f13f911e1b493672a42495040657445f2de5bb/objectize.cc
https://github.com/webaverse/app-wasm/blob/e7f13f911e1b493672a42495040657445f2de5bb/physics.cc
Not full-featured yet, but expose functions for our project’s needs specifically.

8Observer8 · July 6, 2022, 12:18pm

Thanks a lot! Maybe I will try it later. I will use cannon-es with TypeScript and Parcel for a while.