Add new examples

example/examples/basic/checkbox/checkbox.gui

@@ -0,0 +1,77 @@
+fonts {
+  name: "text_bold"
+  font: "/example/assets/fonts/text_bold.font"
+}
+textures {
+  name: "druid"
+  texture: "/example/assets/druid.atlas"
+}
+nodes {
+  size {
+    x: 70.0
+    y: 70.0
+  }
+  type: TYPE_BOX
+  id: "root"
+  inherit_alpha: true
+  size_mode: SIZE_MODE_AUTO
+  visible: false
+}
+nodes {
+  size {
+    x: 40.0
+    y: 40.0
+  }
+  color {
+    x: 0.463
+    y: 0.475
+    z: 0.49
+  }
+  type: TYPE_BOX
+  texture: "druid/rect_round2_width1"
+  id: "button"
+  parent: "root"
+  inherit_alpha: true
+  slice9 {
+    x: 4.0
+    y: 4.0
+    z: 4.0
+    w: 4.0
+  }
+}
+nodes {
+  color {
+    x: 0.722
+    y: 0.741
+    z: 0.761
+  }
+  type: TYPE_BOX
+  texture: "druid/icon_check"
+  id: "icon"
+  parent: "button"
+  inherit_alpha: true
+  size_mode: SIZE_MODE_AUTO
+}
+nodes {
+  position {
+    y: -20.0
+  }
+  size {
+    x: 40.0
+    y: 4.0
+  }
+  color {
+    x: 0.894
+    y: 0.506
+    z: 0.333
+  }
+  type: TYPE_BOX
+  texture: "druid/pixel"
+  id: "selected"
+  pivot: PIVOT_S
+  adjust_mode: ADJUST_MODE_STRETCH
+  parent: "button"
+  inherit_alpha: true
+}
+material: "/builtins/materials/gui.material"
+adjust_reference: ADJUST_REFERENCE_PARENT

example/examples/basic/checkbox/checkbox.lua

@@ -0,0 +1,50 @@
+local component = require("druid.component")
+local event = require("druid.event")
+
+---@class checkbox: druid.base_component
+---@field druid druid_instance
+---@field button druid.button
+local M = component.create("checkbox")
+
+
+---@param template string
+---@param nodes table<hash, node>
+function M:init(template, nodes)
+	self.druid = self:get_druid(template, nodes)
+
+	self.button = self.druid:new_button("root", self.on_checkbox_click) -- Button to handle checkbox
+	self.icon = self:get_node("icon") -- Checkbox icon to hide/show
+	self.selected = self:get_node("selected") -- Selected effect to show when checkbox is changed
+	gui.set_alpha(self.selected, 0)
+
+	self:set_state(false)
+
+	self.on_state_changed = event.create()
+end
+
+
+function M:on_checkbox_click()
+	self:set_state(not self.is_enabled)
+	self.on_state_changed:trigger(self.is_enabled)
+end
+
+
+function M:set_state(is_enabled)
+	if self.is_enabled == is_enabled then
+		return
+	end
+
+	self.is_enabled = is_enabled
+	gui.set_enabled(self.icon, self.is_enabled)
+
+	gui.set_alpha(self.selected, 1)
+	gui.animate(self.selected, "color.w", 0, gui.EASING_INSINE, 0.16)
+end
+
+
+function M:get_state()
+	return self.is_enabled
+end
+
+
+return M