Hi everyone! Welcome to my Workshop ,
I want to share here all my creations that are meant to be used by others (Bundles, Tools, Examples) and other game prototypes too.
I often make Examples or Bundles and share them a bit, but they take a long time to finish due to my lack of free time ahah So, I want to share more non-finished projects in one place, so they can get used by people too, and have their place on the forums.
I want to start with two of the more recent examples that I only shared on the Flowlab Discord yet.
“9 Slice” Panel Bundle (+ 25 Slice)
Description: Bundle that attaches a panel with a 9 Slice Animation.
Resize shapes without stretching their pixels, keeping your sprites pixel-perfect.
It can be used for Buttons, Alerts, Boxes, Dialogue bubbles, Bars*, and Borders.
This Bundle is especially useful for UI Design but can be used for other things.
Having this on your game allows you to keep a coherent interface between all your game’s buttons, as you can re-use their style, and set any dimensions you desire. This also saves you a lot of time as you don’t need to re-draw sprites in different sizes and you can experiment with sizes more easily.
It also automatically calculates its click area! It’s great for making good and quick Buttons.
*Bars = This could be used to make bars, but with the current features, there’s a minimum size so it doesn’t stretch the pieces, I could remove/option this limit in the future.
9 Slice Panel - Example Game:
Here’s the playground showing some cool usecases:
The dialogue box shown above is using the 25 slice. This is something I made up, not sure if it’s known outside this, but it allows you to create panels with more details. More below.
Showcasing the Bundle for the Holder object:
This is already in a usable state but could be improved and finished (e.g.: change from using various Attacher behaviors to a single Spawn behavior).
The bundle also needs more notes and an import tutorial, which is why this is not finished yet.
Here’s a 9-slice Animation template if you want to use the bundle already:
I’m already using this in my game, Scraptech - so, it works.
Animation:
Base Image:
9 Slice Panel Spritesheet Example:
Cute Strechy cat browser window. Just an example, don’t steal the art.
25 Slice Panel Spritesheet Example:
A dialogue box with an Avatar portrait. Just an example, don’t steal the art.
Thank you! Let me know what you think of this Example