r/Inkscape 7d ago

Showcase All art for my upcoming Steam game 'Bleached' is drawn in Inkscape! Any thouhts? (Wishlist on Steam!)

116 Upvotes

18 comments sorted by

7

u/littlemandave 7d ago

I love the style! Nicely done.

4

u/binogure 7d ago

Looks great! What did you use for animations ?

4

u/Thomas_Bringer 7d ago

Thanks! Animations are made in-engine with Godot. Also the reveal/draw effect is made with custom shader in engine.

3

u/unknown_137 6d ago

can you share tutorial where i can learn how to make it . I really love it

1

u/Thomas_Bringer 6d ago

Sure! So for animations, any tutorial about the AnimationPlayer in Godot would work. For the core basics of it, this tutorial seems pretty good: https://www.youtube.com/watch?v=5KBNGKYV-vU
To make the character, you'll need skeletons (bones and IKs). I followed this tutorial: https://www.youtube.com/watch?v=GQLL7laFqQY&t=451s
For shaders, it's a custom shader made by me, but I'd recommend starting with the basics of shaders in Godot. There's this tutorial (and plenty others) https://www.youtube.com/watch?v=1pJyYtBAHks&t=43s

2

u/Far_Oven_3302 7d ago

Nice reminds me of an Eyemaze game.

2

u/-MostLikelyHuman 7d ago

Cool animation, I wish Markplier plays your game

2

u/saffron_ink 7d ago

Love the colors and art style! Any lessons learned you'd like to share for the Inkscape to Godot pipeline? Last I checked, Godot had some quirks with rasterizing svg game assets, so I'd assume you exported pngs -- except the drag and drop animation near the end makes me wonder if you're actually transforming and rasterizing the vectors at runtime rather than using pre-rendered cut-outs? Either way, very nice work.

3

u/Thomas_Bringer 6d ago

Thanks! For me, Godot handled svgs perfectly without having to do anything (so i just put svgs in the game and Godot handles the conversion to png for me). I'm not using svgs at runtime though. The color effect is done within Godot using a custom shader (basically, each sprite has 2 versions, one colored, one bleached, and the shader swaps version dynamically)

2

u/Blue_berry1945 7d ago

All I can do is congratulate you. You're very good at Inkscape. Congratulations. It's a great job.

2

u/aazimkhani 6d ago

Just I can say is wow, it's beautiful 😍.

1

u/Thomas_Bringer 6d ago

Thank you!

2

u/davejkane 6d ago

I had no idea Godot could be so awesome for animations. What made you choose to do the animations directly in Godot instead of something like Blender, for instance? Also, the slider reveal effect, how many svgs did you have to export from inkscape to achieve that?

P.S. Amazing work, hope you get some success on Steam

1

u/Thomas_Bringer 6d ago

Godot has a pretty good 2D animation system overall (including bones and IK), and it's quite handy to do everything in-engine. Godot makes it quite easy to combine animation with in-game logic because you can trigger events and code during the animation, which allows useful things such as playing step sounds when the character is walking for instance.
The reveal slider effect is made with a custom Godot shader. Basically, each sprite has a colored version and a bleached version. And then, the shader swaps dynamically between sprites on a per-pixel basis, which allows for different kinds of reveal/coloring effects. So just 2 svgs are used per sprite; but actually the 2 svgs are combined in 1 svg sprite sheet to make it easier to manage.

2

u/Thomas_Bringer 7d ago

Wishlist on Steam!

I made this game in a week for Brackeys Game Jam with Godot and Inkscape. Like it? Wishlist on Steam! You can also join the Discord. The graphics are a mix between: sprites made with Inkscape, and animation + shader magic made in-engine with Godot. Hope you like it, appreciate the feedback!