shoes 4.0.0.pre11 → 4.0.0.pre12

data/samples/simple_anim_shapes.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+Shoes.app do
+  background rgb(0, 0, 0)
+  fill rgb(255, 255, 255)
+  rects = [
+    rect(0, 0, 50, 50),
+    rect(0, 0, 100, 100),
+    rect(0, 0, 75, 75)
+  ]
+  animate(24) do
+    rects.each do |r|
+      r.move(rand(0..400), rand(0..400))
+    end
+  end
+  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

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+Shoes.app 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.to_s, font: f
+    end
+    motion do |x, y|
+      Shoes.p [x, y]
+    end
+  end
+end

data/samples/simple_animate.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+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

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+#
+# a translation from a processing example
+# http://vormplus.be/weging/an-introduction-to-processing/
+#
+Shoes.app width: 420, height: 420, resizable: false do
+  rotation = -(Shoes::HALF_PI / 3)
+  step = 20
+
+  background gray(240)
+  stroke gray(127)
+  cap :curve
+  nofill
+
+  10.times do |i|
+    strokewidth i
+    size = 200 + (step * i)
+    shape do
+      arc width / 2, height / 2,
+          size, size,
+          rotation * i, rotation * i + Shoes::TWO_PI - Shoes::HALF_PI,
+          center: true
+    end
+  end
+end

data/samples/simple_attach.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+Shoes.app do
+  stack do
+    background blue
+    3.times do
+      para "Three lines first!"
+    end
+  end
+
+  stack attach: Shoes::Window, height: 30, width: 300 do
+    background green
+    para "Attached to the window!"
+  end
+
+  @next = stack margin: 20 do
+    background yellow
+    3.times do
+      para "Three lines next!"
+    end
+  end
+
+  stack attach: @next, height: 30, width: 300 do
+    background red
+    para "Sneaked up!"
+  end
+end

data/samples/simple_border_image.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+Shoes.app width: 300, height: 300 do
+  fname = File.join(Shoes::DIR, 'static/shoes-icon.png')
+  background yellow..orange, angle: 90
+  border fname, strokewidth: 20, curve: 100
+  fill fname
+  nostroke
+  oval 100, 100, 100, 100
+end

data/samples/simple_borderless.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+Shoes.app border: false do
+  title "Look, no borders!"
+end

data/samples/simple_bounce.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+xspeed = 8.4
+yspeed = 6.6
+xdir = 1
+ydir = 1
+
+Shoes.app do
+  background "#DFA"
+  border black, strokewidth: 6
+
+  nostroke
+  @icon = image "#{Shoes::DIR}/static/shoes-icon.png",
+                left: 100, top: 100, click: ->() { alert "You're soooo quick." }
+
+  x = width / 2
+  y = height / 2
+  size = [@icon.height, @icon.width]
+  animate(30) do
+    x += xspeed * xdir
+    y += yspeed * ydir
+
+    xdir *= -1 if x > width - size[0] || x.negative?
+    ydir *= -1 if y > height - size[1] || y.negative?
+
+    @icon.move x.to_i, y.to_i
+  end
+end

data/samples/simple_breadsticks.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+# Same snippet as http://shoes-tutorial-note.heroku.com/html/00402_No.1_para.html
+
+Shoes.app width: 240, height: 95 do
+  para 'Testing, test, test. ',
+       strong('Breadsticks. '),
+       em('Breadsticks. '),
+       code('Breadsticks. '),
+       strong(ins('EVEN BETTER.')),
+       sub('fine!')
+end

data/samples/simple_breadsticks2.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+# Add new method bg and fg to sample17
+
+Shoes.app width: 240, height: 95 do
+  para 'Testing, test, test. ',
+       strong('Breadsticks. '),
+       em('Breadsticks. '),
+       code('Breadsticks. '),
+       bg(fg(strong(ins('EVEN BETTER.')), white), rgb(255, 0, 192)),
+       sub('fine!')
+end

data/samples/simple_brightness_transitions.rb

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

data/samples/simple_button_animate.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+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_buttons.rb

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

data/samples/simple_calc.rb

@@ -0,0 +1,67 @@
+# frozen_string_literal: true
+class Calc
+  def initialize
+    @number   = 0
+    @previous = 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
+    end
+  end
+
+  def press_clear
+    @number = 0
+  end
+
+  {add: '+', sub: '-', times: '*', div: '/'}.each do |meth, op|
+    define_method "press_#{meth}" do
+      press_equals if @op
+      @op = op
+      @previous = @number
+      @number = nil
+    end
+  end
+
+  def press_equals
+    @number = @previous.send(@op, @number.to_i) unless @previous.nil? || @op.nil? || @number.nil?
+    @op = nil
+  end
+end
+
+number_field = nil
+number = Calc.new
+Shoes.app height: 250, width: 200, resizable: false do
+  background "#EEC".."#996", curve: 5, margin: 2
+
+  stack margin: 2 do
+    stack margin: 8 do
+      number_field = para strong(number)
+    end
+
+    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
+          method = case btn
+                   when /[0-9]/  then 'press_' + btn
+                   when 'Clr'    then 'press_clear'
+                   when '='      then 'press_equals'
+                   when '+'      then 'press_add'
+                   when '-'      then 'press_sub'
+                   when '*'      then 'press_times'
+                   when '/'      then 'press_div'
+                   end
+
+          number.send(method)
+          number_field.replace strong(number)
+        end
+      end
+    end
+  end
+end

data/samples/simple_calc_2.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+Shoes.app height: 250, width: 198 do
+  def clear
+    @accumulator = 0
+    @display = 0
+    @op = nil
+  end
+
+  def do_calc
+    @display = @accumulator.send(@op, @display) if @op
+
+    @op = nil
+  end
+
+  clear
+  @clear_display = false
+  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(@display, ' ' * 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]/
+              if @clear_display
+                @display = 0
+                @clear_display = false
+              end
+              @display = @display.to_i * 10 + btn.to_i
+            when 'Clr'
+              clear
+            when '='
+              do_calc
+              @clear_display = true
+            when '/', '*', '-', '+'
+              do_calc
+              @accumulator = @display
+              @op = btn
+              @clear_display = true
+            end
+            number_field.text = @display.to_s
+          end
+        end
+      end
+    end
+  end
+end

data/samples/simple_clipboard.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+Shoes.app do
+  stack do
+    @line = edit_line "Put text here"
+    flow do
+      button "Copy" do
+        self.clipboard = @line.text
+        @buffer.text = "Now click Paste"
+      end
+      button "Paste" do
+        @buffer.text = clipboard
+      end
+    end
+
+    @buffer = para ""
+  end
+end

data/samples/simple_color_selector.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+Shoes.app do
+  lb = list_box items: Shoes::COLORS.keys.map(&:to_s), choose: 'red' do |s|
+    @o.style fill: send(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,12 @@
+# frozen_string_literal: true
+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_concentric_circles.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+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/simple_console.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+Shoes.app do
+  para "Hit Alt + / to open the shoes console and see different message!"
+
+  flow do
+    %w(info debug warn error).each do |type|
+      button type.to_s do
+        public_send type, "This is a #{type} message"
+      end
+    end
+  end
+end

data/samples/simple_control_sizes.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+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
+    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
+      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
+      progress
+      progress height: 32, margin: 4
+      edit_box
+    end
+  end
+end

data/samples/simple_count_and_draw.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+Shoes.app do
+  button 'go' do
+    p = para 0, left: 0, top: 30
+    a = every do |i|
+      i += 1
+      j = i * 20
+      p.text = i.to_s
+      para i.to_s, left: j * 2, top: 30
+      oval 100 + j, 100 + j, 10, 10
+      a.remove if i > 8
+    end
+
+    timer 10 do
+      p.text = 'hello'
+      para 'shoes 4', left: 0, top: 200
+    end
+  end
+end