A way to do simple shadows

[Gunroar:Cannon()]

Is there a way to emulate shadows of an image simply by drawing a black version of a sprite upside down (under the original), but with a slant calculated from where the "light source" is? Any ideas?

It seems like the slanting can be done wither with a shader or love.transform, the same with upside down (but maybe also using angles).

[ReFreezed]

You can simply use the scale and shear arguments of love.graphics.draw() and some trigonometry to transform the shadow. Here's an example that handles a light source from any direction:

SimpleShadows.love

(3.23 KiB) Downloaded 212 times

_screenshot.png (46.23 KiB) Viewed 4329 times

[BrotSagtMist]

This _example_ looks way more awesome than it should for such a little piece of code

[pgimeno]

Absolutely. Brilliant.

[milon]

I love how stuff in front of the light source gets silhouetted. Amazing!

EDIT: Just for funsies, here's a modified version where the light source follows the mouse instead.

[Gunroar:Cannon()]

You are all beautiful people

Though it's looking... flat. Like it those paper -style GE's like Don't Starve and Paper Mario. I don't even know how one would go about making the shadows more 3D looking. Still looks wonderful though!

[ReFreezed]

Well, the sprites are flat, so all you can get are flat shadows. You'd need 3D geometry to some extent for more 3D-looking shadows. Since they look the most flat when the light comes from the side it could be a good idea to design your game/levels such that that situation doesn't happen.

[darkfrei]

I love how stuff in front of the light source gets silhouetted. Amazing!

EDIT: Just for funsies, here's a modified version where the light source follows the mouse instead.

Just awesome!

Screenshot_20220921-204701.jpg (253.95 KiB) Viewed 4224 times

[pgimeno]

Put simply, it's what can be done using slant and size alone, which is what the OP specified.

In fact, slant does not produce correct results even admitting that the object is 2D. Since the light is a point, each side of the object should have a different angle with respect to the light, resulting in a shape for the shadow with diverging sides, not parallel.

I've been thinking what it would take to make it look right in that sense, but I couldn't think of anything short of a shader. And even with a shader it sounds tricky.

[ddabrahim]

Wow, this example is amazing. There should be a repo to collect gems like this.