Physics

Hi Ashley, there are some Javascript physics libraries that should work well when integrated with Lens Studio. This is an area we want to investigate more. That said, it's worth checking out the following: 

http://www.cannonjs.org/

and

https://github.com/kripken/ammo.js/

Hello,

Few weeks ago, I would like to see if integrating physics into Lens Studio was possible, I looked for a very simple physics engine library on internet and found "Verlet-JS". I succeeded to integrate it to Lens Studio (with a bit of rewriting code), and it works pretty well ! (to make simple things like moving earings for exemple)

It's a 2D engine, but I think it should be the same for a 3D one (but modify the code to have no compilation error is a bit time-consuming...)

https://github.com/subprotocol/verlet-js

But it could be so cool if the Lens Studio Team could add their own physics component into Lens Studio !!!

Have fun !

Ha ha, I'm currently trying to integrate it  ;-)

It seems to have some issues because of "Y up" in LensStudio and "Z up" in CannonJS...

I just get it working !

Just import the Cannon.js that is in the "build" folder.

Don't modify anything in the code, and don't use the Cannon_Demo.js as it use Three library for rendering and we don't need it because the rendering is made directly by LensStudio.

I started with the exemple code provided in the main GitHub page, and comment the last part (the simulation part).

Then you have to create a new script that is "FrameUpdated", and write the simuation stuff inside (world.step() )

Finaly you just have to create a new 3D object for each cannonJS object (a new sphere for a sphereBody, a new plane for a planeBody etc...) and in your "FrameUpdated" script, write some code to connect each of their transform to the corresponding cannonJS object transform(in a simpler way, the position of the LensStudio's sphere is driven by the position of the Cannon's sphere)

Put every objects in an parent object that is rotated -90 degrees in x axis and work with local transform, not world transform 😜

I imported Cannon.js as they said, but it still gives an error "17:21:54 ReferenceError: identifier 'CANNON' undefined
at [anon] (Script:1) preventsyield"