example.md 772 B


tags: gui title: Slice-9 brief: This example demonstrates slice-9 scaling gui box node. author: FlexYourBrain

scripts: slice9.gui_script

Overview : Using a small stylized image (90x91 pixels) we apply it to a gui node and set the slice-9 properties, we can then adjust the size and retain the styling without streching and distortion. :More on Slice-9 with Defold:

slice9

The setup consists of a gui collection, gui script, a box node and a texture atlas

Box Node : contains:

  • A texture set to stylized wood plank image.
  • Size Mode set to Manual
  • Slice 9 adjusted settings

Gui script : Use:

  • For animating the node to different sizes, showing slice-9 at its potential.