shoes 4.0.0.pre2 → 4.0.0.pre3

data/samples/sample3.rb

@@ -1,14 +0,0 @@
-class Range
-  def rand
-    Random.new.rand self
-  end
-end
-
-Shoes.app width: 300, height: 400 do
-  fill rgb(0, 0.6, 0.9, 0.1)
-  stroke rgb(0, 0.6, 0.9, 0.3)
-  strokewidth 1
-  100.times do
-    oval left: rand(-30..width), top: rand(-30..height), diameter: rand(25..100)
-  end
-end

data/samples/sample31.rb

@@ -1,22 +0,0 @@
-Shoes.app do
-  strokewidth 3
-  eles = []
-  eles << oval(0, 0, 600, angle: 90)
-  eles << rect(50, 50, 350, 350, curve: 10)
-  eles << star(300, 300, 30, 200, 180)
-  eles << shape(left: 200, top: 150, width: 300, height: 300, rotate: [45, 300, 300]){
-    move_to 200, 200
-    line_to 200, 100
-    curve_to 100, 100, 20, 200, 50, 150
-    line_to 20, 100
-  }
-  eles << line(100, 100, 480, 480)
-
-  button 'change colors' do
-    eles.each do |ele|
-      colors = []
-      4.times{colors << send(Shoes::COLORS.keys[rand(Shoes::COLORS.keys.size)])}
-      ele.style fill: gradient(colors[0], colors[1]), stroke: gradient(colors[2], colors[3])
-    end
-  end
-end

data/samples/sample34.rb

@@ -1,27 +0,0 @@
-# Refer to NKS (Nobody Knows Shoes) page 21.
-
-Shoes.app width: 280, height: 350 do
-  flow width: 1.0, margin: 10 do
-    flow do
-      background gold, curve: 10
-      stack width: 1.0 do
-        banner "A POEM"
-      end
-      stack width: 80 do
-        para "Goes like:"
-      end
-      stack width: 180 do
-        para "the sun.\n",
-          "a lemon.\n",
-          "the goalie.\n",
-          "a fireplace.\n\n",
-          "i want to write\n",
-          "a poem for the\n",
-          "kids who haven't\n",
-          "even heard one yet.\n\n",
-          "and the goalie guards\n",
-          "the fireplace."
-      end
-    end
-  end
-end

data/samples/sample35.rb

@@ -1,32 +0,0 @@
-class PhotoFrame < Shoes
-  url '/',        :index
-  url '/cy',      :cy
-  url '/loogink', :loogink
-
-  def index
-    eval(['loogink', 'cy'].sample)
-  end
-
-  def loogink
-    display tomato, white, "Loogink", "Cy", "She is Loogink"
-  end
-
-  def cy
-    display paleturquoise, gray, "Cy", "Loogink", "He is Cy"
-  end
-
-  def display(bg_color, fg_color, name, other, message)
-    background bg_color
-    stack do
-      inscription 'Shoes 4', left: 80
-      image File.join(Shoes::DIR, "samples/#{name.downcase}.png"),
-        left: 75, top: 25
-      para fg(strong(message), fg_color),
-        '  ->',
-        link(strong(other), click:"/#{other.downcase}"),
-        left: 35, top: 85
-    end
-  end
-end
-
-Shoes.app width: 200, height: 120, title: 'Photo Frame'

data/samples/sample37.rb

@@ -1,8 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,10 +0,0 @@
-# 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

@@ -1,9 +0,0 @@
-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

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

data/samples/sample8.rb

@@ -1,7 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,75 +0,0 @@
-module Accordion
-  def open_page stack
-    active = app.slot.contents.map { |x| x.contents[1] }.
-      detect { |x| x.height > 0 }
-    return if active == stack
-    a = animate 60 do
-      stack.height += 20
-      active.height = 240 - stack.height if active
-      a.stop if stack.height == 240
-    end
-  end
-  def page title, text
-    @pages ||= []
-    @pages <<
-      stack do
-        page_text = nil
-        stack width: "100%" do
-          background "#fff".."#eed"
-          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
-              text.split(/\n{2,}/).each do |pg|
-                para pg
-              end
-            end
-          end
-      end
-  end
-end
-
-Shoes.app do
-  extend Accordion
-  style(Link, stroke: black, underline: nil, weight: "strong")
-  style(LinkHover, stroke: black, fill: nil, underline: nil)
-
-  page "0.0", <<-'END'
-There is a thought
-I have just had
-Which I don’t care to pass to
-Anyone at all at this time.
-
-I have even forgotten it now,
-But kept only the pleasures
-Of my property
-And of my controlled mental slippage.
-END
-  page "0.1", <<-'END'
-My eyes have blinked again
-And I have just realized
-This upright world
-I have been in.
-
-My eyelids wipe
-My eyes hundreds of times
-Reseting and renovating
-The scenery.
-END
-  page "0.2", <<-'END'
-Sister, without you,
-The universe would
-Have such a hole through it,
-Where infinity has been shot.
-
-This cannot be, though.
-There will always be room
-For you—all of us are
-Holding the way open.
-END
-end

data/samples/simple-anim-shapes.rb

@@ -1,17 +0,0 @@
-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 |i|
-    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

@@ -1,13 +0,0 @@
-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}", font: f
-    end
-    motion do |x, y|
-      Shoes.p [x, y]
-    end
-  end
-end

data/samples/simple-animate.rb

@@ -1,12 +0,0 @@
-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

@@ -1,23 +0,0 @@
-#
-# 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 self.width / 2, self.height / 2,
-          size, size,
-          rotation * i, rotation * i + Shoes::TWO_PI - Shoes::HALF_PI
-    end
-  end
-end

data/samples/simple-bounce.rb

@@ -1,24 +0,0 @@
-xspeed, yspeed = 8.4, 6.6
-xdir, ydir = 1, 1
-
-Shoes.app do
-  background "#DFA"
-  border black, strokewidth: 6
-
-  nostroke
-  @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.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
-
-    @icon.move x.to_i, y.to_i
-  end
-end

data/samples/simple-brightness-transitions.rb

@@ -1,8 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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,70 +0,0 @@
-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
-      if @op
-        press_equals
-      end
-      @op = op
-      @previous, @number = @number, nil
-    end
-  end
-
-  def press_equals
-    @number = @previous.send(@op, @number.to_i) unless (@previous.nil? or @op.nil? or @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]/; 'press_'+btn
-            when 'Clr'; 'press_clear'
-            when '='; 'press_equals'
-            when '+'; 'press_add'
-            when '-'; 'press_sub'
-            when '*'; 'press_times'
-            when '/'; 'press_div'
-          end
-
-          number.send(method)
-          number_field.replace strong(number)
-        end
-      end
-    end
-  end
-
-end