shoes 4.0.0.pre11 → 4.0.0.pre12

data/samples/good_displace.rb

@@ -0,0 +1,99 @@
+# frozen_string_literal: true
+class Layout
+  def initialize(app, art, elements)
+    @app = app
+    @art = art
+    @elements = elements
+    @position = {}
+    @width = 50
+    @margin = 10
+    @top = 4
+  end
+
+  attr_reader :art, :elements, :width, :margin, :top
+
+  def oval
+    @app.oval(*position(:oval), width)
+  end
+
+  def rect
+    @app.rect(*position(:rect), width)
+  end
+
+  def image
+    @app.image File.expand_path(File.join(__FILE__, "../avatar.png")), left: left(:image), top: top
+  end
+
+  def edit_box
+    @app.edit_box "Edit me", left: left(:edit_box), top: top, width: width
+  end
+
+  def offset(element)
+    art.index(element.to_sym) || elements.index(element.to_sym)
+  end
+
+  def left(element)
+    (width + margin) * offset(element)
+  end
+
+  def position(element)
+    [left(element), top]
+  end
+
+  def remember(name, element)
+    @app.info "Remembering #{name} at [#{element.left}, #{element.top}]"
+    @position[name] = [element.left, element.top]
+  end
+
+  def recall(name)
+    position = @position.fetch(name, "...oops, can't find it...[0, 0]")
+    @app.info "Recalling #{name} was at #{position}"
+    @position.fetch(name, [0, 0])
+  end
+end
+
+Shoes.app do
+  @art = [:oval, :rect]
+  @elements = [:image, :edit_box]
+  @objects = {}
+  @layout = Layout.new self, @art, @elements
+  @create_object = lambda do |name|
+    info "#{name} starts at #{@layout.position(name)}"
+    @objects[name] = @layout.send(name)
+    @layout.remember name, @objects[name]
+  end
+
+  stack do
+    title "Art"
+    flow height: 100 do
+      @art.each(&@create_object)
+    end
+
+    title "Elements"
+    flow height: 100 do
+      @elements.each(&@create_object)
+    end
+
+    flow do
+      x = 400
+      colors = [seagreen, salmon, papayawhip, goldenrod]
+      @art.concat(@elements).each_with_index do |name, i|
+        stack width: 100, margin: 4 do
+          background colors[i]
+          tagline name.to_s
+          button "displace" do
+            @layout.remember(name, @objects[name])
+            position = [x - @layout.left(name), @layout.top]
+            info "#{name} displaces to #{position}"
+            @objects[name].displace(*position)
+          end
+          button "replace" do
+            position = @layout.recall(name)
+            info "#{name} replaces to #{position}"
+            @objects[name].displace(*position)
+          end
+        end
+      end
+    end
+  end
+end

data/samples/good_follow.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+trails = [[0, 0]] * 60
+Shoes.app width: 200, height: 200, resizable: false do
+  nostroke
+  fill rgb(0x3, 0x1, 0x3, 0.6)
+
+  # animation at 100 frames per second
+  animate(60) do
+    trails.shift
+    trails << mouse[1, 2]
+
+    clear do
+      # change the background based on where the pointer is
+      background rgb(
+        20 + (70 * (trails.last[0].to_f / width)).to_i,
+        20 + (70 * (trails.last[1].to_f / height)).to_i,
+        51
+      )
+
+      # draw circles progressively bigger
+      trails.each_with_index do |(x, y), i|
+        i += 1
+        oval left: x, top: y, radius: (i * 0.5), center: true
+      end
+    end
+  end
+end

data/samples/good_image_dl.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+Shoes.app width: 300, height: 200 do
+  background lime..blue
+
+  stack do
+    para "Welcome to the world of Shoes!"
+    button "Click me" do
+      alert "Nice click!"
+    end
+    image "http://shoesrb.com/img/shoes-icon.png",
+          margin_top: 20, margin_left: 10
+  end
+end

data/samples/good_potato_chopping.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+Shoes.app title: 'potacho', width: 175, height: 160 do
+  background tan
+
+  @imgs = []
+  1.upto 59 do |i|
+    @imgs << image(File.expand_path(File.join(__FILE__, "../potato_chopping/1258_s#{format('%03d', i)}.gif"))).hide
+    @imgs.last.move(10, 10)
+  end
+
+  @imgs.first.show
+
+  def potacho
+    @imgs[58].hide
+    a = animate 12 do |i|
+      @imgs[i].show
+      @imgs[i - 1].hide if i.positive?
+      a.remove if i > 57
+    end
+  end
+
+  button('  start  ') { potacho }.move 10, 130
+end

data/samples/good_psychidelic_circles.rb

@@ -0,0 +1,73 @@
+# frozen_string_literal: true
+degree = 0
+color  = 0
+size   = 0
+
+Shoes.app width: 537, height: 500 do
+  background rgb(1.0, 0.5, 1.0, 1.0)
+  # Convert degrees to radians
+  def to_radians(deg)
+    deg * Math::PI / 180
+  end
+
+  red_circles = []
+  blue_circles = []
+
+  mx = (500 / 2).to_i
+  my = (537 / 2).to_i
+  animate(36) do
+    # clear do
+    # Manage color
+    nostroke
+    # Update some variables
+    degree += 1
+    size += 1
+    degree = 0 if degree >= 360
+    size = 0 if size >= 100
+    color = 0.0 if color >= 1.0
+    color += 0.05 if (degree % 10).zero?
+
+    # Draw inner circle
+    fill red(color)
+    10.times do |i|
+      current_size = 100 + size
+      d = to_radians(i * 60 + degree)
+      rx = Math.cos(d) * 100
+      ry = Math.sin(d) * 100
+      center_x = -current_size / 2 + rx + mx
+      center_y = -current_size / 2 + ry + my
+      if red_circles.size == 10
+        r = red_circles[i]
+        r.style fill: red(color)
+        r.left = center_x
+        r.top = center_y
+        r.width = current_size
+        r.height = current_size
+      else
+        red_circles << oval(center_x, center_y, current_size, current_size)
+      end
+    end
+
+    # Draw outer circle
+    fill blue(color)
+    20.times do |i|
+      current_size = 50 + size
+      d = to_radians(i * 30 - degree)
+      rx = Math.cos(d) * 150
+      ry = Math.sin(d) * 150
+      center_x = -current_size / 2 + rx + mx
+      center_y = -current_size / 2 + ry + my
+      if blue_circles.size == 20
+        b = blue_circles[i]
+        b.style fill: blue(color)
+        b.left = center_x
+        b.top = center_y
+        b.width = current_size
+        b.height = current_size
+      else
+        blue_circles << oval(center_x, center_y, current_size, current_size)
+      end
+    end
+    # end
+  end
+end

data/samples/good_reminder.rb

@@ -0,0 +1,163 @@
+# frozen_string_literal: true
+require 'yaml'
+
+Shoes.app title: "A Gentle Reminder",
+          width: 370, height: 560, resizable: false do
+  background white
+  background tan, height: 40
+
+  caption "A Gentle Reminder", margin: 8, stroke: white
+
+  stack margin: 10, margin_top: 50 do
+    para "You need to", stroke: red, fill: yellow
+
+    stack margin_left: 5, margin_right: 10, width: 1.0, height: 200, scroll: true do
+      background white
+      border white, strokewidth: 3
+      @gui_todo = para
+    end
+
+    flow margin_top: 10 do
+      para "Remember to"
+      @add = edit_line(margin_left: 10, width: 180)
+      button("Add", margin_left: 5) do
+        add_todo(@add.text)
+        @add.text = ''
+      end
+    end
+  end
+
+  stack margin_top: 10 do
+    background darkgray
+    para strong('Completed'), stroke: white
+  end
+
+  @gui_completed = stack width: 1.0, height: 207, margin_right: 20
+
+  def data_path
+    user_data_directory = if RUBY_PLATFORM =~ /win32/
+                            if ENV['USERPROFILE']
+                              if File.join(File.expand_path(ENV['USERPROFILE']), "Application Data")
+                                File.join File.expand_path(ENV['USERPROFILE']), "Application Data", "GentleReminder"
+                              else
+                                File.join File.expand_path(ENV['USERPROFILE']), "GentleReminder"
+                              end
+                            else
+                              File.join File.expand_path(Dir.getwd), "data"
+                            end
+                          else
+                            File.expand_path(File.join("~", ".gentlereminder"))
+                          end
+
+    Dir.mkdir(user_data_directory) unless File.exist?(user_data_directory)
+
+    File.join(user_data_directory, "data.yaml")
+  end
+
+  def refresh_todo
+    @gui_todo.replace(
+      *@todo.map do |item|
+        [item, '  '] + [link('Done') { complete_todo item }] + ['  '] +
+          [link('Forget it') { forget_todo item }] + ["\n"]
+      end.flatten
+    )
+  end
+
+  def refresh
+    refresh_todo
+
+    @gui_completed.clear
+
+    @gui_completed.append do
+      background white
+
+      @completed.keys.sort.reverse_each do |day|
+        stack do
+          background lightgray
+          para strong(day.strftime('%B %d, %Y')), stroke: white
+        end
+
+        stack do
+          inscription(
+            * @completed[day].map do |item|
+              [item] + ['  '] + [link('Not Done') { undo_todo day, item }] +
+                  (@completed[day].index(item) == @completed[day].length - 1 ? [''] : ["\n"])
+            end.flatten
+          )
+        end
+      end
+    end
+  end
+
+  def complete_todo(item)
+    day = Date.today
+
+    if @completed.keys.include? day
+      @completed[day] << item
+    else
+      @completed[day] = [item]
+    end
+
+    @todo.delete(item)
+
+    save
+
+    refresh
+  end
+
+  def undo_todo(day, item)
+    @completed[day].delete item
+
+    @completed.delete(day) if @completed[day].empty?
+
+    @todo << item unless @todo.include? item
+
+    save
+
+    refresh
+  end
+
+  def add_todo(item)
+    item = item.strip
+
+    return if item == ''
+
+    if @todo.include? item
+      alert('You have already added that to the list!')
+      return
+    end
+
+    @todo << item
+
+    save
+
+    refresh_todo
+  end
+
+  def forget_todo(item)
+    @todo.delete item
+
+    save
+
+    refresh_todo
+  end
+
+  def load
+    if File.exist?(data_path)
+      @todo, @completed = YAML.safe_load(File.open(data_path, 'r'), [Date])
+    else
+      @todo = []
+      @completed = {}
+    end
+
+    refresh
+  end
+
+  def save
+    File.open(data_path, 'w') do |f|
+      f.write [@todo, @completed].to_yaml
+    end
+  end
+
+  load
+end

data/samples/good_vjot.rb

@@ -0,0 +1,65 @@
+# frozen_string_literal: true
+NOTES = [['Welcome to the vJot Clone', <<-'END']].freeze
+This sample app is a notetaker, a clone of PJ Hyett's vjot.com.
+
+Creating
+----------
+Click "Add a New Note" and the jot will be loaded into the editor for reading or editing.
+
+Editing
+---------
+Click a jot's title to load it.
+
+Saving
+--------
+There is no save button, the jot is saved as you edit.
+
+END
+
+Shoes.app title: "vJot", width: 420, height: 560, resizable: false do
+  @notes = NOTES.dup
+  @note = @notes.first
+  background "#C7EAFB"
+  stack width: 400, margin: 20 do
+    background "#eee", curve: 12
+    border "#00D0FF", strokewidth: 3, curve: 12
+    stack margin: 20 do
+      caption "vJot"
+      @title = edit_line @note[0], width: 1.0 do
+        @note[0] = @title.text
+        load_list
+      end
+      stack width: 1.0, height: 200, scroll: true do
+        @list = para
+      end
+      @jot = edit_box @note[1], width: 1.0, height: 200, margin_bottom: 20 do
+        @note[1] = @jot.text
+      end
+    end
+  end
+
+  def load_list
+    note_list = @notes.map do |note|
+      [
+        link(note.first) do
+          @note = load_note(note)
+          load_list
+        end,
+        "\n"
+      ]
+    end.flatten + [link("+ Add a new Note") do
+      @notes << (@note = load_note)
+      load_list
+    end]
+    @list.replace(*note_list)
+  end
+
+  def load_note(note = ['New Note', ''])
+    @note = note
+    @title.text = note[0]
+    @jot.text = note[1]
+    note
+  end
+
+  load_list
+end