minigl 2.1.2 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 747a0bd4b9dd2c916653d3db1e2b317221f872a5e349815dbeeda361ca5ab5c7
-  data.tar.gz: 6bbf77ea8795d6c22643b4c768b5f2c566ab736205088c5eee59e25637dfc845
+  metadata.gz: bf74cda701aadb5941c6b9e7a35c1ef534fcb55608bfc6cf9e2614fce53e48c5
+  data.tar.gz: 53ba4be1ad4f60c97ba926986d8909df7f7db2eb9706f25a7a62f3f1c91ed68c
 SHA512:
-  metadata.gz: e7c10ddb0bf26f542da3924b5fef29e6843e64fe5f4702ef41d12f83fbca4ba5fd2eafa6a327480afb175fb78c75aaba62219c7527a18334f18dc85a8cfe3af3
-  data.tar.gz: 494c31d51030cea111e48f81bca2538dd094d5ad8d08b776c6ce85353bde32cfbfd83087b13fea857a32ea18fea611e52933be8f5c5d610889bf938d322d59fa
+  metadata.gz: 97699a40a88821a6506e4bf8861d0917c71753424b94131bcbecd7e7355ba484575114df951a423d0998307cfed731f18f80e6551de9bd2f539618a1bf562ddf
+  data.tar.gz: 79ebb0b3647c2e80bb43d1927c42f6ba027970d6fe11c273aba72bc2747cf9207c6cfc2868928bdd772b7eee7296e388d1a58924c03290e13c659a56bb08e34b

data/README.md

@@ -29,6 +29,8 @@ After installing the Gosu dependencies, you can just `gem install minigl`.
   * The [wiki](https://github.com/victords/minigl/wiki) is a work in progress with tutorials and examples.
   * Test package and examples aren't complete!
 
-## Version 2.1.2
+## Version 2.2.0
 
-  * Fixed `GameObject#draw` when rotated and scaled.
+  * Added the `tileable` option to `Res::imgs`.
+  * Added the `anchor` option to all form components.
+  * Added the `Panel` class, to easily group form components - take a look at the docs!

data/lib/minigl/forms.rb

@@ -1,6 +1,27 @@
 require_relative 'global'
 
 module MiniGL
+  module FormUtils # :nodoc:
+    def self.check_anchor(anchor, x, y, w, h, area_w = G.window.width, area_h = G.window.height)
+      if anchor
+        case anchor
+        when /^top(_center)?$|^north$/i then anchor_alias = :top_center; x += (area_w - w) / 2
+        when /^top_right$|^northeast$/i then anchor_alias = :top_right; x = area_w - w - x
+        when /^(center_)?left$|^west$/i then anchor_alias = :center_left; y += (area_h - h) / 2
+        when /^center$/i then anchor_alias = :center; x += (area_w - w) / 2; y += (area_h - h) / 2
+        when /^(center_)?right$|^east$/i then anchor_alias = :center_right; x = area_w - w - x; y += (area_h - h) / 2
+        when /^bottom_left$|^southwest$/i then anchor_alias = :bottom_left; y = area_h - h - y
+        when /^bottom(_center)?$|^south$/i then anchor_alias = :bottom_center; x += (area_w - w) / 2; y = area_h - h - y
+        when /^bottom_right$|^southeast$/i then anchor_alias = :bottom_right; x = area_w - w - x; y = area_h - h - y
+        else anchor_alias = :top_left
+        end
+      else
+        anchor_alias = :top_left
+      end
+      [anchor_alias, x, y]
+    end
+  end
+
   # This class is an abstract ancestor for all form components (Button,
   # ToggleButton and TextField).
   class Component
@@ -16,6 +37,8 @@ module MiniGL
     # The height of the component
     attr_reader :h
 
+    attr_reader :anchor, :anchor_offset_x, :anchor_offset_y # :nodoc:
+
     # Determines whether the control is enabled, i.e., will process user input.
     attr_accessor :enabled
 
@@ -38,6 +61,131 @@ module MiniGL
       @disabled_text_color = disabled_text_color
       @enabled = @visible = true
     end
+
+    def update; end # :nodoc:
+
+    # Sets the position of the component.
+    # Parameters:
+    # [x] The new x coordinate.
+    # [y] The new y coordinate.
+    def set_position(x, y)
+      @x = x; @y = y
+    end
+  end
+
+  # Represents a container of form components.
+  class Panel
+    # Whether the components inside this panel are enabled.
+    attr_reader :enabled
+
+    # Gets or sets whether the panel (and thus all components inside it) are visible.
+    attr_accessor :visible
+
+    # Creates a new Panel.
+    # Parameters:
+    # [x] The horizontal coordinate of the top-left corner of the panel, or the horizontal offset from the anchor, if provided.
+    # [y] The vertical coordinate of the top-left corner of the panel, or the vertical offset from the anchor, if provided.
+    # [w] The width of the panel, in pixels.
+    # [h] The height of the panel, in pixels.
+    # [controls] An array of <code>Component</code>s that will be initially inside this panel.
+    # [img] Identifier of the image for the panel (see details in +Res::img+).
+    # [img_mode] Mode to scale the image. If +:normal+ (default), the image will be loaded as a single image and scaled to fit the entire size of the panel;
+    #            if +:tiled+, the image will be loaded as a 3x3 spritesheet, where the "corner" images (i.e., indices 0, 2, 6 and 8) will be scaled by the +scale_x+ and +scale_y+ parameters,
+    #            the "border" images (indices 1, 3, 5 and 7) will be stretched in the corresponding direction (indices 1 and 7 will be horizontally stretched and indices 3 and 5, vertically),
+    #            and the "center" image (index 4) will be stretched in both directions, as needed, to fill the width and height of the panel.
+    # [retro] Whether the image should be loaded in retro mode.
+    # [scale_x] The fixed horizontal scale for "corner" and left and right "border" images (if +img_mode+ is +:tiled+).
+    # [scale_y] The fixed vertical scale for "corner" and top and bottom "border" images (if +img_mode+ is +:tiled+).
+    # [anchor] An alias for a predefined position of the window to be used as "anchor", i.e., reference for the positioning of the panel.
+    #          Following are the valid values and a description of the corresponding position if +x+ and +y+ are 0 (these will be offsets from the reference position):
+    #          * +:north+ or +:top+ or +:top_center+: the panel will be horizontally centered and its top will be at the top of the window.
+    #          * +:northeast+ or +:top_right+: the top-right corner of the panel will meet the top-right corner of the window.
+    #          * +:west+ or +:left+ or +:center_left+: the panel will be vertically centered and its left edge will be at the left edge of the window.
+    #          * +:center+: the panel will be horizontally and vertically centered on the window.
+    #          * +:east+ or +:right+ or +:center_right+: the panel will be vertically centered and its right edge will be at the right edge of the window.
+    #          * +:southwest+ or +:bottom_left+: the bottom-left corner of the panel will meet the bottom-left corner of the window.
+    #          * +:south+ or +:bottom+ or +:bottom_center+: the panel will be horizontally centered and its bottom will be at the bottom of the window.
+    #          * +:southeast+ or +:bottom_right+: the bottom-right corner of the panel will meet the bottom-right corner of the window.
+    #          If a value is not provided, the reference is the top-left corner of the screen.
+    #          Components added as children of <code>Panel</code>s use the panel's coordinates as reference instead of the window.
+    def initialize(x, y, w, h, controls = [], img = nil, img_mode = :normal, retro = nil, scale_x = 1, scale_y = 1, anchor = nil)
+      _, x, y = FormUtils.check_anchor(anchor, x, y, w, h)
+      @x = x; @y = y; @w = w; @h = h
+      @controls = controls
+      controls.each do |c|
+        _, x, y = FormUtils.check_anchor(c.anchor, c.anchor_offset_x, c.anchor_offset_y, c.w, c.h, @w, @h)
+        c.set_position(@x + x, @y + y)
+      end
+
+      if img
+        retro = Res.retro_images if retro.nil?
+        if img_mode == :tiled
+          @img = Res.imgs(img, 3, 3, true, '.png', retro, true)
+          @scale_x = scale_x
+          @scale_y = scale_y
+          @tile_w = @img[0].width * @scale_x
+          @tile_h = @img[0].height * @scale_y
+          @draw_center_x = @w > 2 * @tile_w
+          @draw_center_y = @h > 2 * @tile_h
+          @center_scale_x = (@w - 2 * @tile_w).to_f / @tile_w * @scale_x
+          @center_scale_y = (@h - 2 * @tile_h).to_f / @tile_h * @scale_y
+        else
+          @img = Res.img(img, true, false, '.png', retro)
+        end
+      end
+
+      @visible = @enabled = true
+    end
+
+    # Updates all child components of this panel.
+    def update
+      @controls.each(&:update)
+    end
+
+    # Enables or disables all child components of this panel.
+    # Parameters:
+    # [value] Whether the components should be enabled.
+    def enabled=(value)
+      @enabled = value
+      @controls.each { |c| c.enabled = value }
+    end
+
+    # Adds a component to this panel.
+    # Parameters:
+    # [c] The component to add.
+    def add_component(c)
+      _, x, y = FormUtils.check_anchor(c.anchor, c.anchor_offset_x, c.anchor_offset_y, c.w, c.h, @w, @h)
+      c.set_position(@x + x, @y + y)
+      @controls << c
+    end
+
+    # Draws the panel and all its child components.
+    # Parameters:
+    # [alpha] The opacity of the panel (0 = fully transparent, 255 = fully opaque).
+    # [z_index] The z-index to draw the panel.
+    # [color] The color to apply as filter to the panel image and to all child components' images as well.
+    def draw(alpha = 255, z_index = 0, color = 0xffffff)
+      return unless @visible
+
+      c = (alpha << 24) | color
+      if @img
+        if @img.is_a?(Array)
+          @img[0].draw(@x, @y, z_index, @scale_x, @scale_y, c)
+          @img[1].draw(@x + @tile_w, @y, z_index, @center_scale_x, @scale_y, c) if @draw_center_x
+          @img[2].draw(@x + @w - @tile_w, @y, z_index, @scale_x, @scale_y, c)
+          @img[3].draw(@x, @y + @tile_h, z_index, @scale_x, @center_scale_y, c) if @draw_center_y
+          @img[4].draw(@x + @tile_w, @y + @tile_h, z_index, @center_scale_x, @center_scale_y, c) if @draw_center_x && @draw_center_y
+          @img[5].draw(@x + @w - @tile_w, @y + @tile_h, z_index, @scale_x, @center_scale_y, c) if @draw_center_y
+          @img[6].draw(@x, @y + @h - @tile_h, z_index, @scale_x, @scale_y, c)
+          @img[7].draw(@x + @tile_w, @y + @h - @tile_h, z_index, @center_scale_x, @scale_y, c) if @draw_center_x
+          @img[8].draw(@x + @w - @tile_w, @y + @h - @tile_h, z_index, @scale_x, @scale_y, c)
+        else
+          @img.draw(@x, @y, z_index, @w.to_f / @img.width, @h.to_f / @img.height)
+        end
+      end
+
+      @controls.each { |k| k.draw(alpha, z_index, color) }
+    end
   end
 
   # This class represents a button.
@@ -94,6 +242,7 @@ module MiniGL
     #         +Res.retro_images+ value will be used.
     # [scale_x] Horizontal scale to draw the component with.
     # [scale_y] Vertical scale to draw the component with.
+    # [anchor] See parameter with the same name in <code>Panel#initialize</code> for details.
     # [action] The block of code executed when the button is clicked (or by
     #          calling the +click+ method).
     #
@@ -103,7 +252,7 @@ module MiniGL
     def initialize(x, y = nil, font = nil, text = nil, img = nil,
                    text_color = 0, disabled_text_color = 0, over_text_color = 0, down_text_color = 0,
                    center_x = true, center_y = true, margin_x = 0, margin_y = 0, width = nil, height = nil,
-                   params = nil, retro = nil, scale_x = 1, scale_y = 1, &action)
+                   params = nil, retro = nil, scale_x = 1, scale_y = 1, anchor = nil, &action)
       if x.is_a? Hash
         y = x[:y]
         font = x[:font]
@@ -123,24 +272,29 @@ module MiniGL
         retro = x.fetch(:retro, nil)
         scale_x = x.fetch(:scale_x, 1)
         scale_y = x.fetch(:scale_y, 1)
+        anchor = x.fetch(:anchor, nil)
         x = x[:x]
       end
 
-      super x, y, font, text, text_color, disabled_text_color
-      @over_text_color = over_text_color
-      @down_text_color = down_text_color
       retro = Res.retro_images if retro.nil?
       @scale_x = scale_x
       @scale_y = scale_y
       @img =
-        if img; Res.imgs img, 1, 4, true, '.png', retro
-        else; nil; end
+          if img; Res.imgs img, 1, 4, true, '.png', retro
+          else; nil; end
       @w =
-        if img; @img[0].width * @scale_x
-        else; width * @scale_x; end
+          if img; @img[0].width * @scale_x
+          else; width * @scale_x; end
       @h =
-        if img; @img[0].height * @scale_y
-        else; height * @scale_y; end
+          if img; @img[0].height * @scale_y
+          else; height * @scale_y; end
+
+      @anchor_offset_x = x; @anchor_offset_y = y
+      @anchor, x, y = FormUtils.check_anchor(anchor, x, y, @w, @h)
+
+      super x, y, font, text, text_color, disabled_text_color
+      @over_text_color = over_text_color
+      @down_text_color = down_text_color
       if center_x; @text_x = x + @w / 2 if @w
       else; @text_x = x + margin_x * @scale_x; end
       if center_y; @text_y = y + @h / 2 if @h
@@ -206,7 +360,7 @@ module MiniGL
 
     # Executes the button click action.
     def click
-      @action.call @params
+      @action.call @params if @action
     end
 
     # Sets the position of the button in the screen.
@@ -291,7 +445,7 @@ module MiniGL
     def initialize(x, y = nil, font = nil, text = nil, img = nil, checked = false,
                    text_color = 0, disabled_text_color = 0, over_text_color = 0, down_text_color = 0,
                    center_x = true, center_y = true, margin_x = 0, margin_y = 0, width = nil, height = nil,
-                   params = nil, retro = nil, scale_x = 1, scale_y = 1, &action)
+                   params = nil, retro = nil, scale_x = 1, scale_y = 1, anchor = nil, &action)
       if x.is_a? Hash
         y = x[:y]
         font = x[:font]
@@ -312,11 +466,12 @@ module MiniGL
         retro = x.fetch(:retro, nil)
         scale_x = x.fetch(:scale_x, 1)
         scale_y = x.fetch(:scale_y, 1)
+        anchor = x.fetch(:anchor, nil)
         x = x[:x]
       end
 
       super x, y, font, text, nil, text_color, disabled_text_color, over_text_color, down_text_color,
-            center_x, center_y, margin_x, margin_y, 0, 0, params, retro, scale_x, scale_y, &action
+            center_x, center_y, margin_x, margin_y, 0, 0, params, retro, scale_x, scale_y, anchor, &action
       @img =
         if img; Res.imgs img, 2, 4, true, '.png', retro
         else; nil; end
@@ -326,6 +481,8 @@ module MiniGL
       @h =
         if img; @img[0].height * @scale_y
         else; height * @scale_y; end
+      _, x, y = FormUtils.check_anchor(anchor, @anchor_offset_x, @anchor_offset_y, @w, @h)
+      set_position(x, y)
       @text_x = x + @w / 2 if center_x
       @text_y = y + @h / 2 if center_y
       @checked = checked
@@ -346,7 +503,7 @@ module MiniGL
     # been changed to checked, or +false+, otherwise.
     def click
       @checked = !@checked
-      @action.call @checked, @params
+      @action.call @checked, @params if @action
     end
 
     # Sets the state of the button to the value given.
@@ -424,6 +581,7 @@ module MiniGL
     #         +Res.retro_images+ value will be used.
     # [scale_x] Horizontal scale to draw the component with.
     # [scale_y] Vertical scale to draw the component with.
+    # [anchor] See parameter with the same name in <code>Panel#initialize</code> for details.
     # [on_text_changed] The block of code executed when the text in the text
     #                   field is changed, either by user input or by calling
     #                   +text=+. The new text is passed as a first parameter
@@ -434,7 +592,7 @@ module MiniGL
     def initialize(x, y = nil, font = nil, img = nil, cursor_img = nil, disabled_img = nil, margin_x = 0, margin_y = 0,
                    max_length = 100, active = false, text = '', allowed_chars = nil,
                    text_color = 0, disabled_text_color = 0, selection_color = 0, locale = 'en-us',
-                   params = nil, retro = nil, scale_x = 1, scale_y = 1, &on_text_changed)
+                   params = nil, retro = nil, scale_x = 1, scale_y = 1, anchor = nil, &on_text_changed)
       if x.is_a? Hash
         y = x[:y]
         font = x[:font]
@@ -455,16 +613,21 @@ module MiniGL
         retro = x.fetch(:retro, nil)
         scale_x = x.fetch(:scale_x, 1)
         scale_y = x.fetch(:scale_y, 1)
+        anchor = x.fetch(:anchor, nil)
         x = x[:x]
       end
 
-      super x, y, font, text, text_color, disabled_text_color
       retro = Res.retro_images if retro.nil?
       @scale_x = scale_x
       @scale_y = scale_y
       @img = Res.img img, false, false, '.png', retro
       @w = @img.width * @scale_x
       @h = @img.height * @scale_y
+
+      @anchor_offset_x = x; @anchor_offset_y = y
+      @anchor, x, y = FormUtils.check_anchor(anchor, x, y, @w, @h)
+
+      super x, y, font, text, text_color, disabled_text_color
       @cursor_img = Res.img(cursor_img, false, false, '.png', retro) if cursor_img
       @disabled_img = Res.img(disabled_img, false, false, '.png', retro) if disabled_img
       @max_length = max_length
@@ -908,12 +1071,13 @@ module MiniGL
     #         +Res.retro_images+ value will be used.
     # [scale_x] Horizontal scale to draw the component with.
     # [scale_y] Vertical scale to draw the component with.
+    # [anchor] See parameter with the same name in <code>Panel#initialize</code> for details.
     #
     # *Obs.:* This method accepts named parameters, but +x+, +y+, +w+, +h+, +bg+
     # and +fg+ are mandatory.
     def initialize(x, y = nil, w = nil, h = nil, bg = nil, fg = nil,
                    max_value = 100, value = 100, fg_margin_x = 0, fg_margin_y = 0, # fg_left = nil, fg_right = nil,
-                   font = nil, text_color = 0, format = nil, retro = nil, scale_x = 1, scale_y = 1)
+                   font = nil, text_color = 0, format = nil, retro = nil, scale_x = 1, scale_y = 1, anchor = nil)
       if x.is_a? Hash
         y = x[:y]
         w = x[:w]
@@ -930,14 +1094,12 @@ module MiniGL
         retro = x.fetch(:retro, nil)
         scale_x = x.fetch(:scale_x, 1)
         scale_y = x.fetch(:scale_y, 1)
+        anchor = x.fetch(:anchor, nil)
         x = x[:x]
       end
 
-      super x, y, font, '', text_color, text_color
       @scale_x = scale_x
       @scale_y = scale_y
-      @w = w * @scale_x
-      @h = h * @scale_y
       retro = Res.retro_images if retro.nil?
       if bg.is_a? Integer
         @bg_color = bg
@@ -952,6 +1114,14 @@ module MiniGL
       end
       @fg_margin_x = fg_margin_x * @scale_x
       @fg_margin_y = fg_margin_y * @scale_y
+
+      @w = (@bg ? @bg.width : w) * @scale_x
+      @h = (@bg ? @bg.height : h) * @scale_y
+
+      @anchor_offset_x = x; @anchor_offset_y = y
+      @anchor, x, y = FormUtils.check_anchor(anchor, x, y, @w, @h)
+
+      super x, y, font, '', text_color, text_color
       # @fg_left = fg_left
       # @fg_right = fg_right
       @max_value = max_value
@@ -1051,7 +1221,7 @@ module MiniGL
       if @font
         c = (alpha << 24) | @text_color
         @text = @format == '%' ? "#{(@value.to_f / @max_value * 100).round}%" : "#{@value}/#{@max_value}"
-        @font.draw_rel @text, @x + @fg_margin_x + @w / 2, @y + @fg_margin_y + @h / 2, 0, 0.5, 0.5, @scale_x, @scale_y, c
+        @font.draw_rel @text, @x + @w / 2, @y + @h / 2, z_index, 0.5, 0.5, @scale_x, @scale_y, c
       end
     end
   end
@@ -1091,6 +1261,7 @@ module MiniGL
     #         +Res.retro_images+ value will be used.
     # [scale_x] Horizontal scale to draw the component with.
     # [scale_y] Vertical scale to draw the component with.
+    # [anchor] See parameter with the same name in <code>Panel#initialize</code> for details.
     # [on_changed] Action performed when the value of the dropdown is changed.
     #              It must be a block with two parameters, which will receive
     #              the old and the new value, respectively.
@@ -1101,7 +1272,7 @@ module MiniGL
     def initialize(x, y = nil, font = nil, img = nil, opt_img = nil, options = nil,
                    option = 0, text_margin = 0, width = nil, height = nil,
                    text_color = 0, disabled_text_color = 0, over_text_color = 0, down_text_color = 0,
-                   retro = nil, scale_x = 1, scale_y = 1, &on_changed)
+                   retro = nil, scale_x = 1, scale_y = 1, anchor = nil, &on_changed)
       if x.is_a? Hash
         y = x[:y]
         font = x[:font]
@@ -1119,10 +1290,9 @@ module MiniGL
         retro = x.fetch(:retro, nil)
         scale_x = x.fetch(:scale_x, 1)
         scale_y = x.fetch(:scale_y, 1)
+        anchor = x.fetch(:anchor, nil)
         x = x[:x]
       end
-
-      super x, y, font, options[option], text_color, disabled_text_color
       @img = img
       @opt_img = opt_img
       @options = options
@@ -1135,13 +1305,18 @@ module MiniGL
                      toggle
                    }
       )
-      
+
       @scale_x = scale_x
       @scale_y = scale_y
       @w = @buttons[0].w
       @h = @buttons[0].h
       @max_h = (@options.size + 1) * @h
 
+      @anchor_offset_x = x; @anchor_offset_y = y
+      @anchor, x, y = FormUtils.check_anchor(anchor, x, y, @w, @h)
+      super x, y, font, options[option], text_color, disabled_text_color
+      @buttons[0].set_position(x, y)
+
       @options.each_with_index do |o, i|
         b = Button.new(x, y + (i+1) * @h, font, o, opt_img, text_color, disabled_text_color, over_text_color, down_text_color,
                        false, true, text_margin, 0, width, height, nil, retro, scale_x, scale_y) {
@@ -1183,6 +1358,11 @@ module MiniGL
       @enabled = value
     end
 
+    def set_position(x, y)
+      @x = x; @y = y
+      @buttons.each_with_index { |b, i| b.set_position(x, y + i * @h) }
+    end
+
     # Draws the drop-down list.
     #
     # Parameters:

data/lib/minigl/global.rb

@@ -615,12 +615,12 @@ module MiniGL
       # [retro] Whether the image should be loaded with the 'retro' option set
       #         (see +Gosu::Image+ for details). If the value is omitted, the
       #         +Res.retro_images+ value will be used.
-      def imgs(id, sprite_cols, sprite_rows, global = false, ext = '.png', retro = nil)
+      def imgs(id, sprite_cols, sprite_rows, global = false, ext = '.png', retro = nil, tileable = false)
         a = global ? @global_imgs : @imgs
         return a[id] if a[id]
         s = @prefix + @img_dir + id.to_s.split(@separator).join('/') + ext
         retro = Res.retro_images if retro.nil?
-        imgs = Gosu::Image.load_tiles s, -sprite_cols, -sprite_rows, tileable: false, retro: retro
+        imgs = Gosu::Image.load_tiles s, -sprite_cols, -sprite_rows, tileable: tileable, retro: retro
         a[id] = imgs
       end
 

data/test/game.rb

@@ -22,17 +22,33 @@ class MyGame < GameWindow
     @btn = Button.new(10, 560, @font1, 'Test', :btn, 0x008000, 0x808080, 0xffffff, 0xff9980, true, true, 0, 4, 0, 0, 'friends', nil, 2, 2) { |x| puts "hello #{x}" }
     @btn.enabled = false
     @chk =
-      ToggleButton.new(x: 40, y: 300, font: @font1, text: 'Click me', img: :check, center_x: false, margin_x: 36, params: 'friends', scale_x: 2.3, scale_y: 1.4) { |c, x|
+      ToggleButton.new(x: 0, y: 30, font: @font1, text: 'Click me', img: :check, center_x: false, margin_x: 36, params: 'friends', anchor: :south) { |c, x|
         puts "hello #{x}, checked: #{c}"
       }
-    @txt = TextField.new(x: 10, y: 520, font: @font1, img: :text, margin_x: 15, margin_y: 5, max_length: 16, locale: 'PT-BR', scale_x: 1.2, scale_y: 0.8)
+    @txt = TextField.new(x: 0, y: 0, font: @font1, img: :text, margin_x: 15, margin_y: 5, max_length: 16, locale: 'PT-BR', scale_x: 1.2, scale_y: 0.8, anchor: :center_right)
     @txt.visible = false
 
-    @pb = ProgressBar.new(5, 240, 200, 20, :barbg, :barfg, 3456, 70, 2, 2, @font1, 0xff000080, nil, nil, 1.8, 2)
-    @ddl = DropDownList.new(5, 270, @font1, nil, nil, ['olá amigos', 'opção 2', 'terceira'], 0, 3, 150, 25, 0, 0x808080, 0xffffff, 0xffff00, nil, 2, 2.5) { |a, b|
+    @pb = ProgressBar.new(50, 0, 200, 20, :barbg, :barfg, 3456, 70, 2, 2, @font1, 0xff000080, nil, nil, 1.8, 2, :center_left)
+    @ddl = DropDownList.new(0, 10, @font1, nil, nil, ['olá amigos', 'opção 2', 'terceira'], 0, 3, 150, 25, 0, 0x808080, 0xffffff, 0xffff00, nil, 2, 2.5, :north) { |a, b|
       puts "mudou de #{a} para #{b}"
     }
 
+    @panel = Panel.new(10, 10,720, 520, [
+      Button.new(x: 5, y: 5, font: @font1, text: 'Teste', img: :btn),
+      TextField.new(x: 5, y: 40, font: @font1, img: :text, margin_x: 5, margin_y: 5, anchor: :top_left),
+      Button.new(x: 0, y: 5, font: @font1, text: 'Teste', img: :btn, anchor: :top),
+      DropDownList.new(x: 0, y: 40, width: 150, height: 25, font: @font1, options: ['olá amigos', 'opção 2', 'terceira'], anchor: :north),
+      Button.new(x: 5, y: 5, font: @font1, text: 'Teste', img: :btn, anchor: :northeast),
+      Button.new(x: 5, y: 0, font: @font1, text: 'Teste', img: :btn, anchor: :left),
+      Button.new(x: 0, y: 0, font: @font1, text: 'Teste', img: :btn, anchor: :center),
+      Button.new(x: 5, y: 0, font: @font1, text: 'Teste', img: :btn, anchor: :right),
+      ToggleButton.new(x: 5, y: 40, img: :check, center_x: false, margin_x: 36, anchor: :east),
+      Button.new(x: 5, y: 5, font: @font1, text: 'Teste', img: :btn, anchor: :southwest),
+      Button.new(x: 0, y: 5, font: @font1, text: 'Teste', img: :btn, anchor: :south),
+      ProgressBar.new(0, 40, 200, 20, :barbg, :barfg, 3456, 70, 2, 2, @font1, 0xff000080, nil, nil, 1, 1, :bottom),
+
+    ], :text, :tiled, true, 2, 2, :bottom_right)
+
     @eff = Effect.new(100, 100, :check, 2, 4, 10, nil, nil, '1')
 
     @angle = 0
@@ -59,6 +75,10 @@ class MyGame < GameWindow
     @pb.visible = !@pb.visible if KB.key_pressed? Gosu::KbE
     @ddl.enabled = !@ddl.enabled if KB.key_pressed? Gosu::KbQ
     @ddl.visible = !@ddl.visible if KB.key_pressed? Gosu::KbW
+    @panel.enabled = !@panel.enabled if KB.key_pressed? Gosu::KbN
+    @panel.visible = !@panel.visible if KB.key_pressed? Gosu::KbM
+
+    @panel.add_component(Button.new(x: 5, y: 5, font: @font1, text: 'Teste', img: :btn, anchor: :southeast)) if KB.key_pressed?(Gosu::KbB)
 
     @pb.increase 1 if KB.key_down? Gosu::KbD
     @pb.decrease 1 if KB.key_down? Gosu::KbA
@@ -89,6 +109,8 @@ class MyGame < GameWindow
     @txt.update
     @ddl.update
 
+    @panel.update
+
     @eff.update
 
     @objs.each_with_index do |o, i|
@@ -119,6 +141,8 @@ class MyGame < GameWindow
     @txt.draw
     @pb.draw 0x66
 
+    @panel.draw(204, 10)
+
     @eff.draw
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: minigl
 version: !ruby/object:Gem::Version
-  version: 2.1.2
+  version: 2.2.0
 platform: ruby
 authors:
 - Victor David Santos
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-10-12 00:00:00.000000000 Z
+date: 2018-11-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: gosu