shoes 3.0.1 → 4.0.0.pre1

data/samples/sample37.rb

@@ -0,0 +1,8 @@
+Shoes.app width: 330, height: 300 do
+  nofill
+  rect 100, 20, 130, 251, stroke: red, fill: yellow
+  18.times do |i|
+    rotate 10*i
+    rect 100, 20, 130, 251
+  end
+end

data/samples/sample4.rb

@@ -0,0 +1,7 @@
+Shoes.app width: 400, height: 300 do
+  el = edit_line text: 'Hello Shoes 4' do |s|
+    @msg.text = s.text
+  end
+  button('move at random'){@msg.move rand(200), 50 + rand(200)}
+  @msg = para el.text
+end

data/samples/sample42.rb

@@ -0,0 +1,14 @@
+Shoes.app height: 200 do
+  stack margin_left: 10 do
+    title 'Progress Example'
+    @p = para
+  end
+
+  pg = progress width: width - 20, height: 20
+  pg.move 10, 100
+  animate do |i|
+    j = i % 100 + 1
+    pg.fraction = j / 100.0
+    @p.text = "%2d%" % (pg.fraction * 100)
+  end
+end

data/samples/sample45.rb

@@ -0,0 +1,11 @@
+Shoes.app height: 200 do
+  font File.join(Shoes::DIR, 'fonts/Coolvetica.ttf')
+  stack do
+    title 'Good Question'
+    title 'Good Question', font: 'Coolvetica'
+    title 'Good Question', font: 'Lucida console'
+  end
+  para 'Arial (default)', left: 400, top: 25
+  para 'Coolvetica', left: 400, top: 70
+  para 'Lucida Console', left: 400, top: 120
+end

data/samples/sample56.rb

@@ -0,0 +1,10 @@
+# sample56.rb
+Para = Shoes::Para
+Shoes.app :width => 200, :height => 160 do
+  style Para, :align => 'center', :stroke => pink, :size => 30
+  stack do
+    para "hello"
+    para "hello", :size => 10, :stroke => red
+    para "hello"
+  end
+end

data/samples/sample6.rb

@@ -0,0 +1,9 @@
+Shoes.app do
+  stack do
+    # para DIR              # Not support. https://github.com/shoes/shoes4/issues/105
+    para Shoes::DIR
+    # para Shoes::App::DIR  # Not support. https://github.com/shoes/shoes4/issues/105
+    para self.class
+    para Shoes.app{}.class
+  end
+end

data/samples/sample7.rb

@@ -0,0 +1,3 @@
+Shoes.app do
+  20.times{ |i| button("hello%02d" % i){ |s| alert s.text } }
+end

data/samples/sample8.rb

@@ -0,0 +1,7 @@
+Shoes.app do
+  10.times do |i|
+    button "hello#{i}"
+    image File.join(Shoes::DIR, 'static/shoes-icon.png')
+    edit_line
+  end
+end

data/samples/sample9.rb

@@ -0,0 +1,10 @@
+Shoes.app do
+  flow(width: 300){ 3.times{ |i| button "hello#{i}" } }
+  stack(width: 100){ 3.times{ |i| button "hello#{i}" } }
+  button 'bye bye1'
+  flow(width: 0.5){ 2.times{ |i| flow(width: 0.5){ 2.times{ |j| button "Yayyyy#{j}" } } } }
+  flow(width: 0.3){ button 'go go go go go' }
+  stack(width: 0.3){ edit_line; 3.times{ para 'hello' } }
+  flow(width: 0.3){ image File.join(Shoes::DIR, 'static/shoes-icon.png') }
+  button 'bye bye2'
+end

data/samples/simple-accordion.rb

@@ -14,17 +14,17 @@ module Accordion
     @pages <<
       stack do
         page_text = nil
-        stack :width => "100%" do
+        stack width: "100%" do
           background "#fff".."#eed"
-          hi = background "#ddd".."#ba9", :hidden => true
-          para link(title) {}, :size => 26
+          hi = background "#ddd".."#ba9", hidden: true
+          para link(title) {}, size: 26
           hover { hi.show }
           leave { hi.hide }
           click { open_page page_text }
         end
         page_text =
-          stack :width => "100%", :height => (@pages.empty? ? 240 : 0) do
-            stack :margin => 10 do
+          stack width: "100%", height: (@pages.empty? ? 240 : 0) do
+            stack margin: 10 do
               text.split(/\n{2,}/).each do |pg|
                 para pg
               end
@@ -36,8 +36,8 @@ end
 
 Shoes.app do
   extend Accordion
-  style(Link, :stroke => black, :underline => nil, :weight => "strong")
-  style(LinkHover, :stroke => black, :fill => nil, :underline => nil)
+  style(Link, stroke: black, underline: nil, weight: "strong")
+  style(LinkHover, stroke: black, fill: nil, underline: nil)
 
   page "0.0", <<-'END'
 There is a thought

data/samples/simple-anim-shapes.rb

@@ -5,13 +5,13 @@ Shoes.app do
     rect(0, 0, 50, 50),
     rect(0, 0, 100, 100),
     rect(0, 0, 75, 75)
-  ] 
+  ]
   animate(24) do |i|
     rects.each do |r|
-      r.move((0..400).rand, (0..400).rand)
+      r.move(rand(0..400), rand(0..400))
     end
   end
-  button "OK", :top => 0.5, :left => 0.5 do
+  button "OK", top: 0.5, left: 0.5 do
     quit unless confirm "You ARE sure you're OK??"
   end
 end

data/samples/simple-anim-text.rb

@@ -1,10 +1,10 @@
 Shoes.app do
-  stack :top => 0.5, :left => 0.5 do
+  stack top: 0.5, left: 0.5 do
     para "Counting up:"
     l = para "0"
     animate(24) do |i|
       f = ['Arial 14px', 'Serif 34px', 'Monospace 18px', 'Arial 48px'][rand(3)]
-      l.replace "#{i}", :font => f
+      l.replace "#{i}", font: f
     end
     motion do |x, y|
       Shoes.p [x, y]

data/samples/simple-animate.rb

@@ -0,0 +1,12 @@
+Shoes.app do
+  fill goldenrod
+  stroke tomato
+  strokewidth 6
+  oval 200, 100, 360, 360
+  animate 24 do |frame|
+    left = 200 + Math.sin(frame) * 80
+    top  = 100 + Math.cos(frame) * 80
+    oval left, top, 360, 360
+  end
+end
+

data/samples/simple-arc.rb

@@ -2,9 +2,9 @@
 # a translation from a processing example
 # http://vormplus.be/weging/an-introduction-to-processing/
 #
-Shoes.app :width => 420, :height => 420, :resizable => false do
+Shoes.app width: 420, height: 420, resizable: false do
   rotation = -(Shoes::HALF_PI / 3)
-  step = 20 
+  step = 20
 
   background gray(240)
   stroke gray(127)

data/samples/simple-bounce.rb

@@ -3,19 +3,19 @@ xdir, ydir = 1, 1
 
 Shoes.app do
   background "#DFA"
-  border black, :strokewidth => 6
+  border black, strokewidth: 6
 
   nostroke
-  @icon = image "#{DIR}/static/shoes-icon.png", :left => 100, :top => 100 do
+  @icon = image "#{Shoes::DIR}/static/shoes-icon.png", left: 100, top: 100 do
     alert "You're soooo quick."
   end
 
   x, y = self.width / 2, self.height / 2
-  size = @icon.size
+  size = [@icon.height, @icon.width]
   animate(30) do
     x += xspeed * xdir
     y += yspeed * ydir
-    
+
     xdir *= -1 if x > self.width - size[0] or x < 0
     ydir *= -1 if y > self.height - size[1] or y < 0
 

data/samples/simple-brightness-transitions.rb

@@ -0,0 +1,8 @@
+Shoes.app width: 300, height: 300 do
+  10.times do |i|
+    # light to dark
+    flow(width: 0.5, height: 30){background forestgreen(0.1*(i+1)); para 'hello'}
+    # dark to light
+    flow(width: 0.5, height: 30){background orangered(1.0 - 0.1*i); para 'shoes'}
+  end
+end

data/samples/simple-button-animate.rb

@@ -0,0 +1,16 @@
+Shoes.app do
+  flow margin: 12 do
+    # Set up three buttons
+    button "Stop" do
+      @anim.stop
+    end
+    @two = button "Watch Me!"
+    button "Start" do
+      @anim.start
+    end
+    # Bounce the second button
+    @anim = animate do |frame|
+      @two.displace(0, (Math.sin(frame) * 30).to_i)
+    end
+  end
+end

data/samples/simple-calc-2.rb

@@ -0,0 +1,34 @@
+Shoes.app height: 250, width: 198 do
+  def do_calc
+    @number = @previous.send(@op, @number)  if @op
+    @op = nil
+  end
+
+  @previous, @number, @op = 0, 0, nil
+  background rgb(235, 235, 210)
+  flow margin: 5 do
+    flow height: 240, width: 190, margin: [2, 5, 0, 0] do
+      background "#996".."#333", curve: 5
+      number_field = para strong(@number, ' '*20), stroke: white, margin: 8
+      flow width: 218 do
+        %w(7 8 9 / 4 5 6 * 1 2 3 - 0 Clr = +).each do |btn|
+          button btn, width: 46, height: 46 do
+            case btn
+            when /[0-9]/
+              @number = @number.to_i * 10 + btn.to_i
+            when 'Clr'
+              @previous, @number, @op = 0, 0, nil
+            when '='
+              do_calc
+            else
+              do_calc
+              @previous, @number = @number, nil
+              @op = btn
+            end
+            number_field.text = @number.to_s
+          end
+        end
+      end
+    end
+  end
+end

data/samples/simple-calc.rb

@@ -1,14 +1,14 @@
 class Calc
   def initialize
-    @number = 0
+    @number   = 0
     @previous = nil
-    @op = nil
+    @op       = nil
   end
 
   def to_s
     @number.to_s
   end
-  
+
   (0..9).each do |n|
     define_method "press_#{n}" do
       @number = @number.to_i * 10 + n
@@ -19,7 +19,7 @@ class Calc
     @number = 0
   end
 
-  {'add' => '+', 'sub' => '-', 'times' => '*', 'div' => '/'}.each do |meth, op|
+  {add: '+', sub: '-', times: '*', div: '/'}.each do |meth, op|
     define_method "press_#{meth}" do
       if @op
         press_equals
@@ -38,18 +38,18 @@ end
 
 number_field = nil
 number = Calc.new
-Shoes.app :height => 250, :width => 200, :resizable => false do
-  background "#EEC".."#996", :curve => 5, :margin => 2
+Shoes.app height: 250, width: 200, resizable: false do
+  background "#EEC".."#996", curve: 5, margin: 2
 
-  stack :margin => 2 do
+  stack margin: 2 do
 
-    stack :margin => 8 do
+    stack margin: 8 do
       number_field = para strong(number)
     end
 
-    flow :width => 218, :margin => 4 do
+    flow width: 218, margin: 4 do
       %w(7 8 9 / 4 5 6 * 1 2 3 - 0 Clr = +).each do |btn|
-        button btn, :width => 46, :height => 46 do
+        button btn, width: 46, height: 46 do
           method = case btn
             when /[0-9]/; 'press_'+btn
             when 'Clr'; 'press_clear'
@@ -59,7 +59,7 @@ Shoes.app :height => 250, :width => 200, :resizable => false do
             when '*'; 'press_times'
             when '/'; 'press_div'
           end
-          
+
           number.send(method)
           number_field.replace strong(number)
         end

data/samples/simple-color-selector.rb

@@ -0,0 +1,10 @@
+Shoes.app do
+  lb = list_box items: Shoes::COLORS.keys.map(&:to_s), choose: 'red' do |s|
+    @o.style fill: eval(s.text)
+    @p.text = s.text
+  end.move(300, 0)
+  @p = para
+  nostroke
+  @o = oval 100, 100, 100, 100
+  button('print'){para lb.text}.move(500, 0)
+end

data/samples/simple-color-transitions.rb

@@ -0,0 +1,11 @@
+Shoes.app do
+  background chocolate..black, angle: 130
+  strokewidth 20
+  border deeppink..forestgreen, curve: 30
+  nostroke
+  fill crimson..cyan
+  oval 100, 100, 100, 100, angle: 45
+  nofill
+  strokewidth 50
+  rect 200, 200, 300, 200, stroke: darkblue..ivory, angle: 90
+end

data/samples/simple-control-sizes.rb

@@ -1,23 +1,23 @@
-Shoes.app :width => 360, :height => 600, :resizable => false do
+Shoes.app width: 360, height: 600, resizable: false do
   stroke "#dde"
   background "#f1f5ff"
   13.times { |x| line 20, 142 + (30 * x), 320, 142 + (30 * x) }
   11.times { |x| line 20 + (30 * x), 142, 20 + (30 * x), 502 }
 
-  stack :margin => 20 do
-    title "Control Sizes", :size => 16
+  stack margin: 20 do
+    title "Control Sizes", size: 16
     para "This app measures various controls against a grid of lines, to be sure they size appropriately despite the platform."
-    stack :top => 122, :left => 40 do
+    stack top: 122, left: 40 do
       button "Standard"
-      button "Margin: 2, Height: 28", :margin => 2, :height => 30
-      edit_line "Standard", :margin => 1
-      edit_line "Margin: 4, Height: 30", :height => 30, :margin => 4
-      list_box :items => ["Standard"], :choose => "Standard"
-      list_box :items => ["Margin: 4, Height: 32"], 
-        :choose => "Margin: 4, Height: 32",
-        :height => 32, :margin => 4
+      button "Margin: 2, Height: 28", margin: 2, height: 30
+      edit_line "Standard", margin: 1
+      edit_line "Margin: 4, Height: 30", height: 30, margin: 4
+      list_box items: ["Standard"], choose: "Standard"
+      list_box items: ["Margin: 4, Height: 32"],
+        choose: "Margin: 4, Height: 32",
+        height: 32, margin: 4
       progress
-      progress :height => 32, :margin => 4
+      progress height: 32, margin: 4
       edit_box
     end
   end

data/samples/simple-dialogs-outside.rb

@@ -0,0 +1,12 @@
+# testing dialog options inside and outside of Shoes.app.
+# Quite annoying, I know.
+
+alert 'This alert should pop up before you even see a window!'
+if confirm 'Do you really want to see that window?'
+  Shoes.app do
+    button 'alert' do alert 'You pressed a button.' end
+    button 'confirm' do confirm 'You sure?' end
+  end
+else
+  alert 'Ok :-( goodbye.'
+end

data/samples/simple-dialogs.rb

@@ -1,8 +1,11 @@
-Shoes.app :width => 300, :height => 150, :margin => 10 do
+Shoes.app width: 300, height: 150, margin: 10 do
   def answer(v)
     @answer.replace v.inspect
   end
 
+  button "Alert" do
+    alert 'Just a simple alert'
+  end
   button "Ask" do
     answer ask("What is your name?")
   end

data/samples/simple-displace.rb

@@ -0,0 +1,15 @@
+Shoes.app do
+  # Shoes 3 doesn't support button.text
+  position_report = lambda { |button, button_text| @position_report.replace "#{button_text}: (#{button.left}, #{button.top})" }
+  flow margin: 12 do
+    # Set up three buttons
+    button "One", :click => proc { |button| position_report.call(button, "One") }
+    @two = button "Two", :click => proc { |button| position_report.call(button, "Two") }
+    button "Three", :click => proc { |button| position_report.call(button, "Three") }
+    @position_report = para ''
+    # Bounce the second button
+    animate do |i|
+      @two.displace(0, (Math.sin(i) * 6).to_i)
+    end
+  end
+end

data/samples/simple-downloader.rb

@@ -1,23 +1,23 @@
 Shoes.app do
   background "#eee"
   @list = stack do
-    para "Enter a URL to download:", :margin => [10, 8, 10, 0]
-    flow :margin => 10 do
-      @url = edit_line :width => -120
-      button "Download", :width => 120 do
+    para "Enter a URL to download:", margin: [10, 8, 10, 0]
+    flow margin: 10 do
+      @url = edit_line width: -120
+      button "Download", width: 120 do
         @list.append do
           stack do
             background "#eee".."#ccd"
-            stack :margin => 10 do
+            stack margin: 10 do
               dl = nil
-              para @url.text, " [", link("cancel") { dl.abort }, "]", :margin => 0
-              d = inscription "Beginning transfer.", :margin => 0
-              p = progress :width => 1.0, :height => 14
-              dl = download @url.text, :save => File.basename(@url.text),
-                :progress => proc { |dl| 
+              para @url.text, " [", link("cancel") { dl.abort }, "]", margin: 0
+              d = inscription "Beginning transfer.", margin: 0
+              p = progress width: 1.0, height: 14
+              dl = download @url.text, save: File.basename(@url.text),
+                progress: proc { |dl|
                   d.text = "Transferred #{dl.transferred} of #{dl.length} bytes (#{dl.percent}%)"
                   p.fraction = dl.percent * 0.01 },
-                :finish => proc { |dl| d.text = "Download completed" }
+                finish: proc { |dl| d.text = "Download completed" }
             end
           end
         end