wads 0.1.2 → 0.2.2

data/samples/theme_test.rb

@@ -0,0 +1,256 @@
+require 'gosu'
+require_relative '../lib/wads'
+
+include Wads 
+
+class ThemeTestApp < WadsApp
+    def initialize
+        super(800, 600, "Wads Theme Test App", ThemeTestDisplay.new)
+    end 
+end
+
+class ThemeTestDisplay < Widget
+    def initialize
+        super(0, 0, 800, 600)
+        disable_border
+
+        if ARGV.length == 0
+            render_basic_widgets
+        elsif ARGV[0] == "-h" or ARGV[0] == "h" or ARGV[0] == "help"
+            puts "Wads Theme Tester"
+            puts " "
+            display_help 
+        elsif ARGV[0] == "border"
+            render_border_layout
+        elsif ARGV[0] == "three"
+            render_top_middle_bottom_layout
+        elsif ARGV[0] == "header"
+            render_header_layout
+        elsif ARGV[0] == "footer"
+            render_footer_layout
+        elsif ARGV[0] == "vertical"
+            render_vertical_layout
+        elsif ARGV[0] == "horizontal"
+            render_horizontal_layout
+        elsif ARGV[0] == "eastwest"
+            render_east_west_layout
+        elsif ARGV[0] == "plot"
+            render_plot
+        elsif ARGV[0] == "form"
+            render_form
+        elsif ARGV[0] == "overlay"
+            render_overlay
+        else 
+            puts "Argument #{ARGV[0]} is invalid."
+            display_help 
+        end
+    end 
+
+    def display_help 
+        puts "Valid arguments are:"
+        puts "  border     show BorderLayout"
+        puts "  three      show TopMiddleBottomLayout"
+        puts "  header     show HeaderContentLayout"
+        puts "  footer     show ContentFooterLayout"
+        puts "  vertical   show VerticalColumnLayout"
+        puts "  eastwest   show EastWestLayout"
+        puts "  plot       show a simple plot using HeaderContentLayout"
+        puts "  form       test a form"
+        puts "  overlay    show an overlay widget"
+        exit
+    end 
+
+    def render_basic_widgets
+        set_layout(LAYOUT_TOP_MIDDLE_BOTTOM)
+
+        # Example of using the layout for absolute positioning
+        # and then relative positioning of a child widget
+        # within that
+        image = get_layout.add_image("./media/Banner.png", { ARG_SECTION => SECTION_TOP})
+        image.add_text("Banner", 10, 10)
+
+        get_layout.add_text("Hello", { ARG_SECTION => SECTION_CENTER})
+        get_layout.add_text("There", { ARG_SECTION => SECTION_CENTER})
+        get_layout.add_button("Test Button", { ARG_SECTION => SECTION_CENTER}) do 
+            puts "User hit the test button"
+        end
+
+        table = get_layout.add_multi_select_table(["A", "B", "C"], 4, { ARG_SECTION => SECTION_CENTER})
+        table.add_row(["These", "are", "values in row 1"])
+        table.add_row(["These", "are", "values in row 2"])
+        table.add_row(["These", "are", "values in row 3"])
+        table.add_row(["These", "are", "values in row 4"])
+
+        panel = get_layout.add_horizontal_panel({ ARG_SECTION => SECTION_BOTTOM})
+        panel.add_button("Exit", 380, panel.height - 30) do
+            WidgetResult.new(true)
+        end
+    end
+
+    def render_header_layout
+        set_layout(LAYOUT_HEADER_CONTENT)
+
+        header = get_layout.add_max_panel({ ARG_SECTION => SECTION_HEADER,
+                                            ARG_THEME => WadsNatureTheme.new })
+        header.get_layout.add_text("I am the header section",
+                                   { ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER,
+                                     ARG_USE_LARGE_FONT => true})
+
+        main = get_layout.add_max_panel({ ARG_SECTION => SECTION_CONTENT,
+                                          ARG_THEME => WadsNatureTheme.new })
+        main.get_layout.add_document(sample_content)
+        table = main.get_layout.add_multi_select_table(["A", "B", "C"], 4, { ARG_SECTION => SECTION_WEST})
+        table.add_row(["Key1", "Value1", "ValueD"])
+        table.add_row(["Key2", "Value2", "ValueE"])
+        table.add_row(["Key3", "Value3", "ValueF"])
+    end
+
+    def render_border_layout
+        set_layout(LAYOUT_BORDER)
+        header = get_layout.add_max_panel({ ARG_SECTION => SECTION_NORTH})
+        header.get_layout.add_text("I am the header section", { ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER})
+
+        west = get_layout.add_vertical_panel({ ARG_SECTION => SECTION_WEST})
+        west.get_layout.add_button("Do stuff") do 
+            puts "Hit the do stuff button"
+        end
+        west.get_layout.add_button("More stuff") do 
+            puts "Hit the more stuff button"
+        end
+
+        get_layout.add_document(sample_content, { ARG_SECTION => SECTION_CENTER})
+
+        east = get_layout.add_vertical_panel({ ARG_SECTION => SECTION_EAST})
+        east.get_layout.add_text("item1")
+        east.get_layout.add_text("item2")
+
+        footer = get_layout.add_max_panel({ ARG_SECTION => SECTION_SOUTH})
+        footer.get_layout.add_text("I am the footer section", { ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER})
+    end
+
+    def render_top_middle_bottom_layout
+        set_layout(LAYOUT_TOP_MIDDLE_BOTTOM)
+        header = get_layout.add_max_panel({ ARG_SECTION => SECTION_TOP})
+        header.get_layout.add_text("I am the header section", { ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER})
+
+        get_layout.add_document(sample_content, { ARG_SECTION => SECTION_MIDDLE})
+
+        footer = get_layout.add_max_panel({ ARG_SECTION => SECTION_BOTTOM})
+        footer.get_layout.add_text("I am the footer section", { ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER})
+    end
+
+    def sample_content
+        <<~HEREDOC
+        This is the content section.
+        A document can contain multi-line text.
+        Typically you provide the content
+        using a squiggly heredoc.
+        HEREDOC
+    end
+
+    def render_footer_layout
+        set_layout(LAYOUT_CONTENT_FOOTER)
+
+        get_layout.add_document(sample_content, { ARG_SECTION => SECTION_CONTENT})
+
+        footer = get_layout.add_max_panel({ ARG_SECTION => SECTION_FOOTER,
+                                            ARG_THEME => WadsBrightTheme.new })
+        footer.get_layout.add_text("I am the footer section", { ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER})
+    end
+
+    def render_vertical_layout 
+        set_layout(LAYOUT_VERTICAL_COLUMN)
+        get_layout.add_image("./media/Banner.png")
+        get_layout.add_text("This is text below the image")
+        get_layout.add_text("Each widget will get placed below the previous in a vertical column.")
+    end
+
+    def render_east_west_layout 
+        set_layout(LAYOUT_EAST_WEST)
+        table = get_layout.add_multi_select_table(["A", "B", ""], 4, { ARG_SECTION => SECTION_WEST})
+        table.add_row(["Key1", "Value1"])
+        table.add_row(["Key2", "Value2"])
+        table.add_row(["Key3", "Value3"])
+
+        get_layout.add_document(sample_content, { ARG_SECTION => SECTION_EAST})
+    end
+
+    def render_plot
+        set_layout(LAYOUT_HEADER_CONTENT)
+
+        header = get_layout.add_max_panel({ ARG_SECTION => SECTION_HEADER,
+                                            ARG_THEME => WadsBrightTheme.new })
+        # The zero x coord doesn't matter here because we center it below
+        # Centering only adjusts the x coordinate
+        header.add_text("This is a plot of sine (yellow) and cosine (pink) waves", 0, 35)
+        header.center_children
+        header.disable_border
+
+        plot = get_layout.add_plot({ ARG_SECTION => SECTION_CONTENT})
+        plot.define_range(VisibleRange.new(-5, 5, -5, 5))
+        plot.enable_border
+        x = -5
+        while x < 5
+            plot.add_data_point("Sine", x, Math.sin(x), COLOR_LIME)
+            plot.add_data_point("Cosine", x, Math.cos(x), COLOR_PINK)
+            x = x + 0.05
+        end
+
+        # Draw the 0 horizontal and vertical axes
+        plot.add_child(Line.new(plot.draw_x(0), plot.draw_y(-5), plot.draw_x(0), plot.draw_y(5), COLOR_GRAY))
+        plot.add_child(Line.new(plot.draw_x(-5), plot.draw_y(0), plot.draw_x(5), plot.draw_y(0), COLOR_GRAY))
+    end
+
+    def render_form
+        set_layout(LAYOUT_CONTENT_FOOTER)
+
+        content_panel = get_layout.add_max_panel({ ARG_SECTION => SECTION_CONTENT,
+                                                   ARG_LAYOUT  => LAYOUT_EAST_WEST,
+                                                   ARG_PANEL_WIDTH => 200 })
+
+        label_panel = content_panel.add_panel(SECTION_WEST)
+        label_panel.get_layout.add_text("First Name", { ARG_TEXT_ALIGN => TEXT_ALIGN_RIGHT})
+        label_panel.get_layout.add_text("Middle Name", { ARG_TEXT_ALIGN => TEXT_ALIGN_RIGHT})
+        label_panel.get_layout.add_text("Last Name", { ARG_TEXT_ALIGN => TEXT_ALIGN_RIGHT})
+
+        field_panel = content_panel.add_panel(SECTION_EAST)
+        @first_name = field_panel.get_layout.add_text_input(200)
+        @middle_name = field_panel.get_layout.add_text_input(200)
+        @last_name = field_panel.get_layout.add_text_input(200)
+
+        footer_panel = get_layout.add_max_panel({ ARG_SECTION => SECTION_FOOTER})
+        footer_panel.get_layout.add_button("Display Full Name", {ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER}) do
+            footer_panel.get_layout.add_text("The full name is #{@first_name.text} #{@middle_name.text} #{@last_name.text}.")
+        end
+    end
+
+    def render_overlay
+        set_layout(LAYOUT_HEADER_CONTENT)
+
+        header = get_layout.add_max_panel({ ARG_SECTION => SECTION_HEADER})
+        header.get_layout.add_text("I am the header section", { ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER})
+
+        main = get_layout.add_max_panel({ ARG_SECTION => SECTION_CONTENT})
+        main.get_layout.add_document(sample_content)
+
+        main.get_layout.add_button("Display InfoBox", {ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER}) do
+            add_overlay(create_overlay_widget)
+        end
+    end
+
+    def create_overlay_widget 
+        InfoBox.new(100, 60, 600, 400, "Sample Overlay", overlay_content, { ARG_THEME => WadsBrightTheme.new})
+    end
+
+    def overlay_content
+        <<~HEREDOC
+        This is a sample overlay widget which typically
+        you would use to display important information
+        upon request. The InfoBox widget is used for
+        this purpose.
+        HEREDOC
+
+    end
+end
+
+ThemeTestApp.new.show

data/samples/wads_reaction_time.rb

@@ -0,0 +1,117 @@
+require 'gosu'
+require_relative '../lib/wads'
+
+include Wads 
+
+AVERAGE_RESPONSE_TIME = 284.to_f     # Per humanbenchmark.com, in milliseconds
+GAME_STATE_PROMPT_TO_START = 0
+GAME_STATE_RED = 1
+GAME_STATE_YELLOW = 2
+GAME_STATE_GREEN = 3
+GAME_STATE_OVER = 4
+
+
+class ReactionTimeApp < WadsApp
+    def initialize
+        super(600, 400, "Reaction Time Game", ReactionTimeDisplay.new)
+    end 
+end
+
+class ReactionTimeDisplay < Widget
+    def initialize
+        super(0, 0, 600, 400)
+        set_layout(LAYOUT_HEADER_CONTENT)
+        set_theme(WadsAquaTheme.new)
+        disable_border
+        @next_light_count = 0
+        @messages = []
+        @font = Gosu::Font.new(22)
+        @red_light = Gosu::Image.new("media/RedLight.png")
+        @yellow_light = Gosu::Image.new("media/YellowLight.png")
+        @green_light = Gosu::Image.new("media/GreenLight.png")
+        #  game state            0           1           2              3             4
+        #  state                 Prompt      Red         Yellow         Green         Game over
+        @traffic_light_images = [@red_light, @red_light, @yellow_light, @green_light, @green_light]
+        @traffic_light_color = GAME_STATE_PROMPT_TO_START
+
+        add_panel(SECTION_NORTH).get_layout.add_text("Reaction Time Game",
+                                                     { ARG_TEXT_ALIGN => TEXT_ALIGN_CENTER,
+                                                       ARG_USE_LARGE_FONT => true})
+        
+        content_panel = get_layout.add_max_panel({ARG_SECTION => SECTION_CENTER,
+                                                  ARG_LAYOUT => LAYOUT_EAST_WEST,
+                                                  ARG_THEME => WadsAquaTheme.new,
+                                                  ARG_PANEL_WIDTH => 140})
+        @traffic_light_image = content_panel.get_layout.add_image(@red_light,
+                                                 {ARG_SECTION => SECTION_WEST})
+
+        left_side_panel = content_panel.add_panel(SECTION_EAST)
+        left_side_panel.disable_border
+        @start_button = left_side_panel.get_layout.add_button("Click to play") do 
+            handle_button_click
+        end
+        @messages = left_side_panel.get_layout.add_document("")
+    end 
+
+    def handle_update update_count, mouse_x, mouse_y
+        @traffic_light_image.img = @traffic_light_images[@traffic_light_color]
+
+        if @traffic_light_color == GAME_STATE_PROMPT_TO_START or @traffic_light_color == GAME_STATE_OVER
+            @start_button.visible = true
+
+        elsif @traffic_light_color == GAME_STATE_RED or
+              @traffic_light_color == GAME_STATE_YELLOW or 
+              @traffic_light_color == GAME_STATE_GREEN
+            @messages.lines = ["Hit the space bar when the light turns green"]
+            @start_button.visible = false
+            if @mark_time.nil?
+                @mark_time = Time.now
+                @next_light_count = update_count + 60 + rand(100)
+            end
+            next_traffic_light unless update_count < @next_light_count
+        end  
+    end
+
+    def handle_button_click
+        if @traffic_light_color == GAME_STATE_PROMPT_TO_START or @traffic_light_color == GAME_STATE_OVER
+            @messages.lines = []
+            next_traffic_light
+        end
+    end
+
+    def handle_key_press id, mouse_x, mouse_y
+        return WidgetResult.new(true) if id == Gosu::KbEscape
+
+        if id == Gosu::KbSpace
+            if @traffic_light_color < GAME_STATE_YELLOW 
+                next_traffic_light
+            elsif @traffic_light_color == GAME_STATE_YELLOW 
+                @traffic_light_color = GAME_STATE_OVER
+                @messages.lines = ["Sorry, you were too early"]
+            elsif @traffic_light_color == GAME_STATE_GREEN
+                time_since_green = ((Time.now - @mark_time) * 1000.to_f).round(3)
+                @messages.lines = ["Response time: #{time_since_green} ms"]
+                diff_from_average = (((time_since_green - AVERAGE_RESPONSE_TIME) / AVERAGE_RESPONSE_TIME) * 100).round
+                if diff_from_average > 0
+                    @messages.lines << "#{diff_from_average}% slower than the average human"
+                elsif diff_from_average < 0
+                    @messages.lines << "#{-diff_from_average}% faster than the average human"
+                else 
+                    @messages.lines << "Wow, that is exactly the human average."
+                end 
+                @traffic_light_color = GAME_STATE_OVER
+            end 
+        end
+    end
+
+    def next_traffic_light
+        if @traffic_light_color == GAME_STATE_OVER
+            @traffic_light_color = GAME_STATE_RED
+        elsif @traffic_light_color < GAME_STATE_OVER
+            @traffic_light_color = @traffic_light_color + 1
+        end
+        @mark_time = nil
+    end
+end
+
+ReactionTimeApp.new.show

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: wads
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.2
 platform: ruby
 authors:
 - dbroemme
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-09-07 00:00:00.000000000 Z
+date: 2021-10-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: gosu
@@ -69,6 +69,7 @@ files:
 - bin/setup
 - data/NASDAQ.csv
 - data/Pick4_12_21_2020.txt
+- data/sample_graph.csv
 - data/starwars-episode-4-interactions.json
 - lib/wads.rb
 - lib/wads/app.rb
@@ -77,9 +78,34 @@ files:
 - lib/wads/version.rb
 - lib/wads/widgets.rb
 - media/Banner.png
+- media/CircleAlpha.png
+- media/CircleAqua.png
+- media/CircleBlue.png
+- media/CircleGray.png
+- media/CircleGreen.png
+- media/CirclePurple.png
+- media/CircleRed.png
+- media/CircleWhite.png
+- media/CircleYellow.png
+- media/GreenLight.png
+- media/RedLight.png
+- media/SampleGraph.png
+- media/StocksSample.png
 - media/WadsScreenshot.png
-- run-sample-app
-- sample_app.rb
+- media/YellowLight.png
+- run-graph
+- run-star-wars
+- run-stocks
+- run-theme-test
+- samples/basic_gosu_with_graph_widget.rb
+- samples/gosu_bouncing_ball.rb
+- samples/gosu_hello_world.rb
+- samples/gosu_reaction_time.rb
+- samples/graph.rb
+- samples/star_wars.rb
+- samples/stocks.rb
+- samples/theme_test.rb
+- samples/wads_reaction_time.rb
 - wads.gemspec
 homepage: https://github.com/dbroemme/ruby-wads
 licenses: []
@@ -102,7 +128,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.15
+rubygems_version: 3.2.22
 signing_key:
 specification_version: 4
 summary: Simple, easy to use data structure classes and Gosu widgets

data/run-sample-app

@@ -1,3 +0,0 @@
-#!/usr/bin/env bash
-
-ruby sample_app.rb $1 $2 $3 $4 $5 $6 $7 $8 $9

data/sample_app.rb

@@ -1,64 +0,0 @@
-require_relative "lib/wads/app"
-require 'tty-option'
-
-class SampleAppCommand 
-    include TTY::Option
-
-    usage do 
-        program "run-sample-app"
-
-        command ""
-
-        example <<~EOS
-        Run the sample app to analyze stock market data in gui mode
-          $ ./run-sample-app -s -g
-        EOS
-
-    end
-
-    flag :help do 
-        short "-h"
-        long "--help"
-        desc "Print usage"
-    end 
-
-    flag :stocks do 
-        short "-s"
-        long "--stocks"
-        desc "Run sample stocks analysis"
-    end 
-
-    flag :lottery do 
-        short "-l"
-        long "--lottery"
-        desc "Run sample analysis of lottery numbers"
-    end 
-
-    flag :jedi do 
-        short "-j"
-        long "--jedi"
-        desc "Run sample analysis of interactions between Star Wars"
-    end
-
-    flag :graph do 
-        short "-g"
-        long "--graph"
-        desc "Run a graph test"
-    end 
-
-    flag :text do 
-        short "-t"
-        long "--text"
-        desc "Display text only output"
-    end 
-
-    def run 
-        if params[:help]
-            print help 
-            exit 
-        end 
-        params.to_h 
-    end
-end 
-
-WadsSampleApp.new.parse_opts_and_run