9 Slice Component

[oaklandgit]

I made a 9-slice component for Kaboom:
https://replit.com/@LarryStone/9Slice

Usage example:

add([
  pos(vec2(100, 100)),
  nineSlice({
    width: 100,
    height: 220,
    url: "balloon9.png"
  })
])

I think something like this should be part of the core Kaboom framework for use in making graphics that can scale to any width and height. The below documentation from Pixi.

      A                          B
    +---+----------------------+---+
  C | 1 |          2           | 3 |
    +---+----------------------+---+
    |   |                      |   |
    | 4 |          5           | 6 |
    |   |                      |   |
    +---+----------------------+---+
  D | 7 |          8           | 9 |
    +---+----------------------+---+

  When changing this objects width and/or height:
     areas 1 3 7 and 9 will remain unscaled.
     areas 2 and 8 will be stretched horizontally
     areas 4 and 6 will be stretched vertically
     area 5 will be stretched both horizontally and vertically

[slmjkdbtl]

It's a must have! Thanks Larry, I'll move this into the main lib next week

[oaklandgit]

Great! Glad I could contribute.

[lajbel]

pro