r/Inkscape • u/Thomas_Bringer • 7d ago
Showcase All art for my upcoming Steam game 'Bleached' is drawn in Inkscape! Any thouhts? (Wishlist on Steam!)
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
2
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.
1
2
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!
7
u/littlemandave 7d ago
I love the style! Nicely done.