Liquidfun JavaScript - LFJS - [behavior]

Since we are talking about polygon decomposition... would this allow objects to break/shatter into smaller individual pieces from a big one? That would be cool :)

WackyToaster like this: store.steampowered.com/app/881100/Noita

Sort of, yeah. I wouldn't even need/want individual pixels. I take triangles at ~10px too, probably even bigger.

WackyToaster / newt,

Noita = Amazing!!

It's hard to tell if the particles in Noita are from a port of Liquidfun or if the devs rolled their own version from scratch. Definitely c++ and some pretty amazing destruction effects.

In LFJS you could do the physics destruction but the challenge would be to get the graphics to reflect the shapes you create. In LFJS you can set bespoke collision shapes from Array.AsJSON inputs using texture coordinates for a sprite, but there is no way in C3 to chop up an image and divide it into shapes (ie Canvas won't allow rotation, so that's no use here). The obvious work around would be to make your scenery out of already exploded sprite images, all carefully positioned to look intact, and then make them into dynamic bodies when they get broken off.

To destroy objects in stages then you could add child objects to a parent body as fixtures (using the LFJS Assimilate joint) - first break off a parent and its children, then subsequently break off the children. There are limitations to this my plugin: you can't add a child object that is also a parent of other children - you'd have to be smart in how you designed your terrain/scenery destruction. Here's an example of progressive destruction using just this technique (it's to be included with the plugin). Be under no illusion - Noita is an amazing technical achievement!

For something like a worms game you can use texture maps using blends. Of course that's pretty limited.

Pasting textures would be pretty interesting. A lack of rotation isn't a deal breaker.

wow, nice!

can your plugin create elastic particles, as in the original?

Nearly there...!

Interactive example: Demo

cool =)

This looks amazing, I am looking forward to the release and seeing what everyone does with it.

Here's what I mean about applying texture across many sprites as an example (using C3 physics.)

Each block is a sprite w/ one big texture. A function creates a rectangle of sprites and 'divides' a building texture between the sprites and then we can apply physics to the sprite group and have fun with the building. I am hoping this is applicable to LFJS...

OffsetTexture Addon and Example

Mikal,

That effect and its application are pure genius!!

It is possible to also do this with LFJS, in the same way as in the example using the standard Physics - the behavior swap was easy and LFJS has similar performance.

However, doing this with particles is an intriguing concept that I will look into today... I am not convinced it will be possible but it's definitely worth a look (particles don't have rotation, so each would have to be assigned one color from the large image - a photograph image may not work but some pixel art might well be ok).

MikalYoooooo this is awesome!

particles don't have rotation, so each would have to be assigned one color from the large image - a photograph image may not work but some pixel art might well be ok.

You know... technically both are pixel art, one just has more pixels. But I know what you mean. One thing I defenitely would be intrigued by is how many particles I can throw at my computer before it explodes. I guess a HD image won´t work that well, considering the 2 million particles that would be.