A downloadable asset pack

Hi there,

Here is a wobbly effect / hand painted animation for 2d sprites.

Uniforms:

  • flowMap: aka displacement map, adjust the movement of the sprite using normals.
  • strenght: Force of the distortion from the displacement map.
  • speed: Velocity of each frame.
  • frames: How many frames should have the animation.

Important note: It's better to have a little transparent border in the image so that the effect can go outside the sprite. If not, the edges will be cut. (See screenshot with the normal logo vs logo with transparencies).

Stay safe everyone!

StatusReleased
CategoryAssets
Rating
Rated 5.0 out of 5 stars
(7 total ratings)
AuthorOriol - Rough Skin
TagsShaders

Download

Download
wobblyEffect.shader 876 bytes
Download
WobblyShaders.zip 2.3 MB

Comments

Log in with itch.io to leave a comment.

(4 edits) (+5)

Love this shader! You can actually use a NoiseTexture as the "Flow Map" too instead of downloading a random normal map from the internet. In the "Shader Param" section, hit the dropdown next to "Flow Map" and select "New NoiseTexture". Check "Seamless" and "As Normal Map" and set "Bump Strength" to a high value (I use 32). For "Noise" hit the dropdown and select "New OpenSimplexNoise." Then you can tweak the look with the "Strength", "Speed", and "Frames" options at the top of "Shader Param."

sorta like baba is you.

How did you make the flow map textures (new to shaders & curious)?

I used some random normals from google images. Maybe it sounds a bit lame, and it is. ;-)

oh lol, thanks anyway it might be a bit lame but it is a valid way of getting them :)

(+1)

Is it possible to upload a gif of the animation? Looks great

(+1)

Yeees, I will make some gifs. Thanks!!