cloudy_ui 0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 60c3fdaa2a49dd764df14f7516139c1eb6acfc40
+  data.tar.gz: d0b7eebfaa12a291fa43679c3d8ef64f2b0ac6a8
+SHA512:
+  metadata.gz: fc5531434dbacdd084458e3597fef119b700fb9d8a09a0aba458d118f6b30912266004ff953ce163eab951b236c8f2930f23244de8e50fd1779682a11c7db037
+  data.tar.gz: a525c718208af542e64922d5a8aad5a98716d22ea15e44ed5747eea3d9702381f0de4491e885f0d424d4994600bb3a67580af3b671a138d6c8aa5fbeba62ea37

data/LICENSE

@@ -0,0 +1,24 @@
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <http://unlicense.org/>

data/README.md

@@ -0,0 +1,28 @@
+Gosu-Cloudy-Ui
+==============
+
+![Current elements](/screenshot.png)
+
+Drawing UI Kit based on http://kbsportfolio.com/2011/10/16/resource-for-designer-cloudy-ui-kit/
+
+Load images before usage
+
+    CloudyUi::load_images window
+
+Button states are :normal, :hover or :active
+
+    CloudyUi::Button.draw x, y, z, width, height, state
+    
+progress slided on slider in range 0..1
+
+center of blue selection on slider in range 0..1
+    
+    CloudyUi::Slider.draw x, y, z, width, progress, center=0
+
+RadioButton states are :full and :empty
+
+    CloudyUi::RadioButtondraw x, y, z, state
+
+A Window, an area for the ui elements
+    
+    CloudyUi::Window.draw window, x, y, z, width, height

data/examples/example.rb

@@ -0,0 +1,124 @@
+require 'gosu'
+require_relative '../lib/cloudy_ui'
+
+class Window < Gosu::Window
+  def initialize
+    super 800, 600, false
+    CloudyUi.load_images self
+  end
+  
+  def draw
+    fill 0xFFFFFFFF
+    draw_window
+    draw_button_normal
+    draw_button_hover
+    draw_button_active
+    draw_slider1
+    draw_slider2
+    draw_slider3
+    draw_radio_full
+    draw_radio_empty
+    draw_dynamic_field
+    draw_scrollbar
+    
+  end
+  
+  def draw_window
+    CloudyUi::Window.draw self, 10, 10, 0, 305, 435
+  end
+  
+  def draw_button_normal
+    x = 20
+    y = 20
+    z = 0
+    width = 100
+    height = 30
+    state = :normal
+    CloudyUi::Button.draw x, y, z, width, height, state
+  end
+  
+  def draw_button_hover
+    x = 20
+    y = 60
+    z = 0
+    width = 100
+    height = 30
+    state = :hover
+    CloudyUi::Button.draw x, y, z, width, height, state
+  end
+  
+  def draw_button_active
+    x = 20
+    y = 100
+    z = 0
+    width = 100
+    height = 30
+    state = :active
+    CloudyUi::Button.draw x, y, z, width, height, state
+  end
+  
+  def draw_slider1
+    x = 150
+    y = 25
+    z = 0
+    width    = 150
+    progress = 0.5
+    CloudyUi::Slider.draw x, y, z, width, progress
+  end
+  
+  def draw_slider2
+    x = 150
+    y = 55
+    z = 0
+    width    = 150
+    progress = 0.2
+    center   = 0.5
+    CloudyUi::Slider.draw x, y, z, width, progress, center
+  end
+  
+  def draw_slider3
+    x = 150
+    y = 85
+    z = 0
+    width    = 150
+    progress = 0.5
+    center   = 1
+    CloudyUi::Slider.draw x, y, z, width, progress, center
+  end
+  
+  def draw_radio_full
+    x = 145
+    y = 110
+    z = 0
+    CloudyUi::RadioButton.draw x, y, z, :full
+  end
+  
+  def draw_radio_empty
+    x = 170
+    y = 110
+    z = 0
+    CloudyUi::RadioButton.draw x, y, z, :empty
+  end
+  
+  def draw_dynamic_field
+    CloudyUi::DynamicField.draw self, 150, 150, 0, 148, 280
+  end
+  
+  def draw_scrollbar
+    x = 295
+    y = 150
+    z = 0
+    height = 280
+    CloudyUi::Scrollbar.draw x, y, z, height, 0.1, 0.9
+  end
+  
+  def fill color, z=0      
+    draw_quad 0,      0,      color,
+              width,  0,      color,
+              0,      height, color,
+              width,  height, color,
+              z, mode = :default
+  end
+end
+
+Window.new.show

data/lib/cloudy_ui.rb

@@ -0,0 +1,24 @@
+require 'gosu'
+
+module CloudyUi
+  BUILTIN_THEMES_DIR = File.join(File.dirname(__FILE__), '../data/themes').freeze
+  
+  BUILTIN_THEMES = {
+    cloudy: File.join(BUILTIN_THEMES_DIR, 'cloudy').freeze
+  }.freeze
+  
+  require_relative 'cloudy_ui/radio_button'
+  require_relative 'cloudy_ui/button'
+  require_relative 'cloudy_ui/slider'
+  require_relative 'cloudy_ui/scrollbar'
+  require_relative 'cloudy_ui/window'
+  require_relative 'cloudy_ui/dynamic_field'
+  
+  def self.load_images window, theme = :cloudy
+    load_path = BUILTIN_THEMES.fetch theme, theme.to_s
+    CloudyUi::RadioButton .load_images window, load_path
+    CloudyUi::Button      .load_images window, load_path
+    CloudyUi::Slider      .load_images window, load_path
+    CloudyUi::Scrollbar   .load_images window, load_path
+  end
+end

data/lib/cloudy_ui/button.rb

@@ -0,0 +1,71 @@
+class CloudyUi::Button
+  class << self
+    def draw x, y, z, width, height, state
+      #begin
+      #  @@images 
+      #rescue NameError
+      #  raise "Must call #{self}.load_images(window, load_path) before using #{self}"
+      #end
+      
+      @@window.draw_quad x+1       ,y+1         ,@@images[state][:color][0],
+                         x+width-1 ,y+1         ,@@images[state][:color][0],
+                         x+width-1 ,y+height-1  ,@@images[state][:color][1],
+                         x+1       ,y+height-1  ,@@images[state][:color][1], z
+      
+      height_margin    = @@images[state][:top_left].height
+      width_margin     = @@images[state][:top_left].width
+      
+      
+      @@images[state][:top_left]      .draw x                    ,y                       ,z
+      @@images[state][:top_right]     .draw x+width-width_margin ,y                       ,z
+      @@images[state][:bottom_left]   .draw x                    ,y+height-height_margin  ,z
+      @@images[state][:bottom_right]  .draw x+width-width_margin ,y+height-height_margin  ,z
+      @@images[state][:left]          .draw x                    ,y+height_margin         ,z ,1 ,height-height_margin*2
+      @@images[state][:right]         .draw x+width-width_margin ,y+height_margin         ,z ,1 ,height-height_margin*2
+      @@images[state][:top]           .draw x+width_margin       ,y                       ,z ,width-width_margin*2
+      @@images[state][:bottom]        .draw x+width_margin       ,y+height-height_margin  ,z ,width-width_margin*2
+      
+    end
+    
+    
+    def load_images window, load_path
+      @@window ||= window
+      @@images ||= {
+        active: {
+          left:           Gosu::Image.new( window, File.join(load_path, 'button_active_left.png'           ), true),
+          right:          Gosu::Image.new( window, File.join(load_path, 'button_active_right.png'          ), true),
+          bottom:         Gosu::Image.new( window, File.join(load_path, 'button_active_bottom.png'         ), true),
+          bottom_right:   Gosu::Image.new( window, File.join(load_path, 'button_active_bottom_right.png'   ), true),
+          bottom_left:    Gosu::Image.new( window, File.join(load_path, 'button_active_bottom_left.png'    ), true),
+          top:            Gosu::Image.new( window, File.join(load_path, 'button_active_top.png'            ), true),
+          top_right:      Gosu::Image.new( window, File.join(load_path, 'button_active_top_right.png'      ), true),
+          top_left:       Gosu::Image.new( window, File.join(load_path, 'button_active_top_left.png'       ), true),
+          color:          [0xFF6F6F6F, 0xFF666666]
+        },
+        hover: {
+          left:           Gosu::Image.new( window, File.join(load_path, 'button_hover_left.png'            ), true),
+          right:          Gosu::Image.new( window, File.join(load_path, 'button_hover_right.png'           ), true),
+          bottom:         Gosu::Image.new( window, File.join(load_path, 'button_hover_bottom.png'          ), true),
+          bottom_right:   Gosu::Image.new( window, File.join(load_path, 'button_hover_bottom_right.png'    ), true),
+          bottom_left:    Gosu::Image.new( window, File.join(load_path, 'button_hover_bottom_left.png'     ), true),
+          top:            Gosu::Image.new( window, File.join(load_path, 'button_hover_top.png'             ), true),
+          top_right:      Gosu::Image.new( window, File.join(load_path, 'button_hover_top_right.png'       ), true),
+          top_left:       Gosu::Image.new( window, File.join(load_path, 'button_hover_top_left.png'        ), true),
+          color:          [0xFFFBFBFB, 0xFFE9E9E9]
+        },
+        normal: {
+          left:          Gosu::Image.new( window, File.join(load_path, 'button_normal_left.png'           ), true),
+          right:         Gosu::Image.new( window, File.join(load_path, 'button_normal_right.png'          ), true),
+          bottom:        Gosu::Image.new( window, File.join(load_path, 'button_normal_bottom.png'         ), true),
+          bottom_right:  Gosu::Image.new( window, File.join(load_path, 'button_normal_bottom_right.png'   ), true),
+          bottom_left:   Gosu::Image.new( window, File.join(load_path, 'button_normal_bottom_left.png'    ), true),
+          top:           Gosu::Image.new( window, File.join(load_path, 'button_normal_top.png'            ), true),
+          top_right:     Gosu::Image.new( window, File.join(load_path, 'button_normal_top_right.png'      ), true),
+          top_left:      Gosu::Image.new( window, File.join(load_path, 'button_normal_top_left.png'       ), true),
+          color:         [0xFFF9F9F9, 0xFFE9E9E9]
+        }        
+      }
+    end
+  end
+end
+

data/lib/cloudy_ui/dynamic_field.rb

@@ -0,0 +1,16 @@
+class CloudyUi::DynamicField
+  def self.draw window, x, y, z, width, height
+    window.draw_quad x       ,y        ,0xFFe9e9e9,
+                     x+width ,y        ,0xFFe9e9e9,
+                     x+width ,y+height ,0xFFe9e9e9,
+                     x       ,y+height ,0xFFe9e9e9, z
+                     
+    window.draw_line x, y-1       , 0xFFc6c6c6, x+width   , y-1      , 0xFFc6c6c6   ,z
+    window.draw_line x, y         , 0xFFe0e0e0, x+width   , y        , 0xFFe0e0e0   ,z
+    window.draw_line x, y+height, 0xFFc9c9c9, x+width   , y+height, 0xFFc9c9c9  ,z
+    window.draw_line x, y+height+1, 0xFFf7f7f7, x+width   , y+height+1, 0xFFf7f7f7  ,z
+    
+    window.draw_line x        ,y-1,0xFFcacaca,x        ,y+height-1,0xFFd2d2d2,z
+    window.draw_line x+width+1,y-1,0xFFcacaca,x+width+1,y+height-1,0xFFd2d2d2,z
+  end
+end

data/lib/cloudy_ui/radio_button.rb

@@ -0,0 +1,15 @@
+class CloudyUi::RadioButton
+  class << self
+    def draw x, y, z, state
+      case state
+      when :empty; @@empty.draw x, y, z
+      when :full;  @@full .draw x, y, z
+      end
+    end
+    
+    def load_images window, load_path
+      @@empty = Gosu::Image.new window, File.join(load_path, 'radio_empty.png')
+      @@full  = Gosu::Image.new window, File.join(load_path, 'radio_full.png')
+    end
+  end
+end

data/lib/cloudy_ui/scrollbar.rb

@@ -0,0 +1,38 @@
+class CloudyUi::Scrollbar
+  class << self
+    ## x, y, z, as onscreen coordinates
+    ## scrollbar height in pixels
+    ## handle_top, handle_bottom in range 0..1
+    def draw x, y, z, height, handle_top, handle_bottom
+      @@scrollbar_middle  .draw x, y+@@scrollbar_top.height-2, z, 1, height-@@scrollbar_top.height*2+4
+      @@scrollbar_top     .draw x, y-2, z
+      @@scrollbar_bottom  .draw x, y+height-@@scrollbar_top.height+1, z
+      
+      height -= @@handle_top.height
+      handle_top_y    = y + handle_top    * height + @@handle_top.height - 2
+      handle_bottom_y = y + handle_bottom * height + 1
+      handle_height   = handle_bottom_y - handle_top_y
+      handle_height   = 0 if handle_height < 0
+      handle_width = @@scrollbar_middle.width
+      
+      @@window.draw_quad x+1                ,handle_top_y-2                 ,0xFFfafafa,
+                         x-1 + handle_width ,handle_top_y-2                 ,0xFFfafafa,
+                         x-1 + handle_width ,handle_top_y+1 + handle_height ,0xFFe9e9e9,
+                         x+1                ,handle_top_y+1 + handle_height ,0xFFe9e9e9, z
+      
+      @@handle_middle .draw x+1, handle_top_y, z, 1, handle_height
+      @@handle_top    .draw x+1, handle_top_y - @@handle_top.height, z
+      @@handle_bottom .draw x+1, handle_bottom_y, z
+    end
+    
+    def load_images window, load_path
+      @@window = window
+      @@scrollbar_top     = Gosu::Image.new window, File.join(load_path, 'scrollbar_vertical_top.png'),           true
+      @@scrollbar_middle  = Gosu::Image.new window, File.join(load_path, 'scrollbar_vertical_middle.png'),        true
+      @@scrollbar_bottom  = Gosu::Image.new window, File.join(load_path, 'scrollbar_vertical_bottom.png'),        true
+      @@handle_top        = Gosu::Image.new window, File.join(load_path, 'scrollbar_vertical_handle_top.png'),    true
+      @@handle_middle     = Gosu::Image.new window, File.join(load_path, 'scrollbar_vertical_handle_middle.png'), true
+      @@handle_bottom     = Gosu::Image.new window, File.join(load_path, 'scrollbar_vertical_handle_bottom.png'), true
+    end
+  end
+end

data/lib/cloudy_ui/slider.rb

@@ -0,0 +1,29 @@
+class CloudyUi::Slider
+  class << self
+    ## x, y, z, as onscreen coordinates
+    ## slideable width in pixels
+    ## progress slided on slider in range 0..1
+    ## center of blue selection on slider in range 0..1
+    def draw x, y, z, width, progress, center=0
+      selected = progress * width
+      @@middle              .draw_rot  x                ,y   ,z ,0 ,0   ,0 ,width, 1
+      @@left_end            .draw_rot  x                ,y   ,z ,0 ,1   ,0
+      @@right_end           .draw_rot  x+width          ,y   ,z ,0 ,0   ,0 ,1     , 1
+      @@selected_middle     .draw_rot  x+center*width   ,y   ,z ,0 ,0   ,0 ,(progress-center)*width, 1.0
+      if    center == 0; @@selected_left_end  .draw_rot  x       ,y   ,z ,0 ,1 ,0
+      elsif center == 1; @@selected_right_end .draw_rot  x+width ,y   ,z ,0 ,0 ,0
+      end
+      @@handle              .draw_rot  selected + x     ,y-7 ,z ,0 ,0.5 ,0
+    end
+    
+    def load_images window, load_path
+      @@handle             = Gosu::Image.new window,  File.join( load_path, 'slider_handle.png'             ), true
+      @@middle             = Gosu::Image.new window,  File.join( load_path, 'slider_middle.png'             ), true 
+      @@left_end           = Gosu::Image.new window,  File.join( load_path, 'slider_left_end.png'           ), true 
+      @@right_end          = Gosu::Image.new window,  File.join( load_path, 'slider_right_end.png'          ), true 
+      @@selected_left_end  = Gosu::Image.new window,  File.join( load_path, 'slider_selected_left_end.png'  ), true 
+      @@selected_right_end = Gosu::Image.new window,  File.join( load_path, 'slider_selected_right_end.png' ), true 
+      @@selected_middle    = Gosu::Image.new window,  File.join( load_path, 'slider_selected_middle.png'    ), true 
+    end
+  end
+end

data/lib/cloudy_ui/version.rb

@@ -0,0 +1,3 @@
+module CloudyUi
+  VERSION = '0.1'
+end

data/lib/cloudy_ui/window.rb

@@ -0,0 +1,14 @@
+class CloudyUi::Window
+  def self.draw window, x, y, z, width, height
+    window.draw_quad x       ,y        ,0xFFFAFAFA,
+                     x+width ,y        ,0xFFFAFAFA,
+                     x+width ,y+height ,0xFFf3f3f3,
+                     x       ,y+height ,0xFFf3f3f3, z
+                     
+    window.draw_line x, y       , 0xFFe4e4e4, x+width   , y      , 0xFFe4e4e4   ,z
+    window.draw_line x, y+height, 0xFFCCCCCC, x+width   , y+height+1, 0xFFCCCCCC  ,z
+    
+    window.draw_line x        ,y,0xFFe4e4e4,x        ,y+height,0xFFCCCCCC,z
+    window.draw_line x+width+1,y,0xFFe4e4e4,x+width+1,y+height,0xFFCCCCCC,z
+  end
+end

metadata

@@ -0,0 +1,115 @@
+--- !ruby/object:Gem::Specification
+name: cloudy_ui
+version: !ruby/object:Gem::Version
+  version: '0.1'
+platform: ruby
+authors:
+- Bue Grønlund
+- erisdev
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-11-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: gosu
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.7.48
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.7.48
+description: Cloudy UI is an add-on library for Gosu that handles drawing of user
+  interface elements. Layout and input handling are left up to the programmer. Graphics
+  are sourced from <http://kbsportfolio.com/2011/10/16/resource-for-designer-cloudy-ui-kit/>.
+email:
+- aerotune@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- data/themes/cloudy/button_active_bottom.png
+- data/themes/cloudy/button_active_bottom_left.png
+- data/themes/cloudy/button_active_bottom_right.png
+- data/themes/cloudy/button_active_color.png
+- data/themes/cloudy/button_active_left.png
+- data/themes/cloudy/button_active_right.png
+- data/themes/cloudy/button_active_top.png
+- data/themes/cloudy/button_active_top_left.png
+- data/themes/cloudy/button_active_top_right.png
+- data/themes/cloudy/button_hover_bottom.png
+- data/themes/cloudy/button_hover_bottom_left.png
+- data/themes/cloudy/button_hover_bottom_right.png
+- data/themes/cloudy/button_hover_color.png
+- data/themes/cloudy/button_hover_left.png
+- data/themes/cloudy/button_hover_right.png
+- data/themes/cloudy/button_hover_top.png
+- data/themes/cloudy/button_hover_top_left.png
+- data/themes/cloudy/button_hover_top_right.png
+- data/themes/cloudy/button_normal_bottom.png
+- data/themes/cloudy/button_normal_bottom_left.png
+- data/themes/cloudy/button_normal_bottom_right.png
+- data/themes/cloudy/button_normal_color.png
+- data/themes/cloudy/button_normal_left.png
+- data/themes/cloudy/button_normal_right.png
+- data/themes/cloudy/button_normal_top.png
+- data/themes/cloudy/button_normal_top_left.png
+- data/themes/cloudy/button_normal_top_right.png
+- data/themes/cloudy/radio_empty.png
+- data/themes/cloudy/radio_full.png
+- data/themes/cloudy/scrollbar_vertical_bottom.png
+- data/themes/cloudy/scrollbar_vertical_handle_bottom.png
+- data/themes/cloudy/scrollbar_vertical_handle_middle.png
+- data/themes/cloudy/scrollbar_vertical_handle_top.png
+- data/themes/cloudy/scrollbar_vertical_middle.png
+- data/themes/cloudy/scrollbar_vertical_top.png
+- data/themes/cloudy/slider_handle.png
+- data/themes/cloudy/slider_left_end.png
+- data/themes/cloudy/slider_middle.png
+- data/themes/cloudy/slider_right_end.png
+- data/themes/cloudy/slider_selected_left_end.png
+- data/themes/cloudy/slider_selected_middle.png
+- data/themes/cloudy/slider_selected_right_end.png
+- examples/example.rb
+- lib/cloudy_ui/button.rb
+- lib/cloudy_ui/dynamic_field.rb
+- lib/cloudy_ui/radio_button.rb
+- lib/cloudy_ui/scrollbar.rb
+- lib/cloudy_ui/slider.rb
+- lib/cloudy_ui/version.rb
+- lib/cloudy_ui/window.rb
+- lib/cloudy_ui.rb
+- LICENSE
+- README.md
+- screenshot.png
+homepage: https://github.com/Aerotune/Gosu-Cloudy-Ui
+licenses:
+- public domain
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.1.5
+signing_key: 
+specification_version: 4
+summary: UI drawing kit for Gosu
+test_files: []