Construct 3 Mesh Distortion

Construct 3 recently came out with a new Mesh Distortion Feature

I first learned about it from a tweet by Ahley Gullen and almost immediately decided to mess around with it.  One cool application I thought of was making a rubbery object by combining it with the sine behavior.

My Demo

animated gif of Mesh Distortion from Construct 3.

Above is an animated GIF that shows what the mesh distortion look like.  Below is an interactive version that generates a ball every time you clock on the screen.

Try it out below…

Click anywhere on the canvas to spawn a ball.

Want to see the code?  Download to the c3p file below…

How To Use Mesh Distortion?

1. Use the “Set Mesh Size” action on a sprite object and add columns and rows. 

2. Then you use the “Set Mesh Point” action to move specific coridinates up/down left/right.

code showing how I made the paddle wiggle with Mesh Distortion in Construct 3.

Using Mesh Distortion in an Actual Game

After figuring that out, I decided to add it to a Breakout Clone I’ve been working on.   I think it’s a pretty fun effect.

Play “Brick Eliminator” with the Mesh Distortion Effect.


Share Your Thoughts

What are some other cool things you might do with the mesh distortion tool?  Could I have done something to make this better?

Share your thoughts in the comments section below…

No Comments

Write a Reply or Comment

Your email address will not be published. Required fields are marked *