glimmer-dsl-swt 4.20.13.11 → 4.20.13.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 431a3ee9e9fdbc1565e616a3ebee9e7bc7f026cae40d9c95a2df304647b3880b
-  data.tar.gz: 7b0bea9d898d0f42d5788ef36ce4279e81f3b3491c1102c148656f5c0e979328
+  metadata.gz: b6f16ea275e3ce37889ed445d6cc3ab42bbcb7068eb1e57f51017d1625ac2582
+  data.tar.gz: d5dc4c387caa917f1c20db29cbf27c06148736b52bc7bd4cfb63d75854e866f6
 SHA512:
-  metadata.gz: 03a6fd9ea40d222acd37118cf42a7b299995ded46e334f8d9bff73fed74dc4db1e57913eaca40109bda7962977eafb546b92dbb8fdb72309ec9f5cf7c591d644
-  data.tar.gz: a9a3ed0e5e6cd57b26c64b6d030bdc35d14a29cb3576b11ed9e086d66a8dc7f76b206dd40539ed271e042b1073a85bca53f24415c68058df71b4571de93a161b
+  metadata.gz: 7e9ab4f42471a424a335d5f39a395639601b88c4694eeb016f4d5b3b2449114eea07e3395058892b22b1c4e5b9b11c1e1b3e24a0fc7b687393cfb8218c548142
+  data.tar.gz: 472f326d596fbcb2e551549bb6bb6411839acb86437ad789e4ecc29841facbd2a27c32a696ac4c2a2c68d8b754517a35fff7570a05441c18db5033f1774c671b

data/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Change Log
 
+### 4.20.13.15
+
+- Battleship elaborate sample
+
+### 4.20.13.14
+
+- Connect 4 elaborate sample
+
+### 4.20.13.13
+
+- Parking elaborate sample
+- Support shape contain?/include? when a transform (e.g. rotation) is applied
+
+### 4.20.13.12
+
+- Fixed issue with dragged shapes having `drag_source true` not going back to original position when not dropped in a target if they were part of a composite shape
+
+### 4.20.13.11
+
+- Conway's Game of Life elaborate sample
+
 ### 4.20.13.10
 
 - Update Glimmer Style Guide, scaffolding, and samples to have `before_body` and `after_body` in custom widgets/shells/shapes always take a `do; end` block since they contain logic not visuals

data/README.md

@@ -1,4 +1,4 @@
-# [<img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=85 />](https://github.com/AndyObtiva/glimmer) Glimmer DSL for SWT 4.20.13.11
+# [<img src="https://raw.githubusercontent.com/AndyObtiva/glimmer/master/images/glimmer-logo-hi-res.png" height=85 />](https://github.com/AndyObtiva/glimmer) Glimmer DSL for SWT 4.20.13.15
 ## JRuby Desktop Development GUI Framework
 [![Gem Version](https://badge.fury.io/rb/glimmer-dsl-swt.svg)](http://badge.fury.io/rb/glimmer-dsl-swt)
 [![Travis CI](https://travis-ci.com/AndyObtiva/glimmer-dsl-swt.svg?branch=master)](https://travis-ci.com/github/AndyObtiva/glimmer-dsl-swt)
@@ -15,7 +15,7 @@
 [<img src="https://covers.oreillystatic.com/images/9780596519650/lrg.jpg" width=105 /><br />
 Featured in JRuby Cookbook](http://shop.oreilly.com/product/9780596519650.do) and [Chalmers/Gothenburg University Software Engineering Master's Lecture Material](http://www.cse.chalmers.se/~bergert/slides/guest_lecture_DSLs.pdf)
 
-[Glimmer DSL for SWT](https://rubygems.org/gems/glimmer-dsl-swt) 4.20.13.11 includes [SWT 4.20](https://download.eclipse.org/eclipse/downloads/drops4/R-4.20-202106111600/), which was released on June 11, 2021. Gem version numbers are in sync with the SWT library versions. The first two digits represent the SWT version number. The last two digits represent the minor and patch versions of Glimmer DSL for SWT. Note that SWT now supports AARCH64 on Mac and Linux, but it is not fully tested in Glimmer DSL for SWT yet, so deem its support experimental for the time being without guarantees for functionality until declared otherwise (report any issues you may encounter).
+[Glimmer DSL for SWT](https://rubygems.org/gems/glimmer-dsl-swt) 4.20.13.15 includes [SWT 4.20](https://download.eclipse.org/eclipse/downloads/drops4/R-4.20-202106111600/), which was released on June 11, 2021. Gem version numbers are in sync with the SWT library versions. The first two digits represent the SWT version number. The last two digits represent the minor and patch versions of Glimmer DSL for SWT. Note that SWT now supports AARCH64 on Mac and Linux, but it is not fully tested in Glimmer DSL for SWT yet, so deem its support experimental for the time being without guarantees for functionality until declared otherwise (report any issues you may encounter).
 
 **Starting in version 4.20.0.0, [Glimmer DSL for SWT](https://rubygems.org/gems/glimmer-dsl-swt) comes with the new [***Shine***](/docs/reference/GLIMMER_GUI_DSL_SYNTAX.md#shine) syntax** for highly intuitive and visually expressive View/Model Attribute Mapping, relying on `<=>` for bidirectional (two-way) data-binding and `<=` for unidirectional (one-way) data-binding, providing an alternative to the `bind` keyword (keep in mind that it is still a beta, so default back to `bind` whenever needed).
 
@@ -326,7 +326,7 @@ jgem install glimmer-dsl-swt
 
 Or this command if you want a specific version:
 ```
-jgem install glimmer-dsl-swt -v 4.20.13.11
+jgem install glimmer-dsl-swt -v 4.20.13.15
 ```
 
 `jgem` is JRuby's version of `gem` command.
@@ -354,7 +354,7 @@ Note: if you're using activerecord or activesupport, keep in mind that Glimmer u
 
 Add the following to `Gemfile`:
 ```
-gem 'glimmer-dsl-swt', '~> 4.20.13.11'
+gem 'glimmer-dsl-swt', '~> 4.20.13.15'
 ```
 
 And, then run:
@@ -375,7 +375,7 @@ glimmer
 ```
 
 ```
-Glimmer (JRuby Desktop Development GUI Framework) - JRuby Gem: glimmer-dsl-swt v4.20.13.11
+Glimmer (JRuby Desktop Development GUI Framework) - JRuby Gem: glimmer-dsl-swt v4.20.13.15
       
 Usage: glimmer [--bundler] [--pd] [--quiet] [--debug] [--log-level=VALUE] [[ENV_VAR=VALUE]...] [[-jruby-option]...] (application.rb or task[task_args]) [[application2.rb]...]
 

data/VERSION

@@ -1 +1 @@
-4.20.13.11
+4.20.13.15

data/docs/reference/GLIMMER_SAMPLES.md

@@ -60,11 +60,14 @@
     - [User Profile](#user-profile)
     - [Login](#login)
     - [Tic Tac Toe](#tic-tac-toe)
+    - [Connect 4](#connect-4)
     - [Contact Manager](#contact-manager)
     - [Game of Life](#game-of-life)
     - [Glimmer Tetris](#glimmer-tetris)
     - [Klondike Solitaire](#klondike-solitaire)
+    - [Battleship](#battleship)
     - [Mandelbrot Fractal](#mandelbrot-fractal)
+    - [Parking](#parking)
     - [Stock Ticker](#stock-ticker)
     - [Metronome](#metronome)
     - [Weather](#weather)
@@ -72,6 +75,7 @@
     - [Glimmer Calculator](#glimmer-calculator)
     - [Gladiator](#gladiator)
     - [Timer](#timer)
+    - [Glimmer Klondike Solitaire](#glimmer-klondike-solitaire)
 - [License](#license)
 
 ## Samples
@@ -1044,6 +1048,34 @@ Code:
 ![Tic Tac Toe In Progress](/images/glimmer-tic-tac-toe-in-progress.png)
 ![Tic Tac Toe Game Over](/images/glimmer-tic-tac-toe-game-over.png)
 
+#### Connect 4
+
+This sample demonstrates a widget/shape hybrid MVC application, including GUI layout and data-binding.
+
+Code:
+
+[samples/elaborate/connect4.rb](/samples/elaborate/connect4.rb)
+
+Connect 4
+
+![Connect 4](/images/glimmer-connect4.png)
+
+Connect 4 - About To Drop
+
+![Connect 4 About To Drop](/images/glimmer-connect4-about-to-drop.png)
+
+Connect 4 - Dropped Coin
+
+![Connect 4 Dropped Coin](/images/glimmer-connect4-dropped-coin.png)
+
+Connect 4 - Player 1 Wins (keeps the coin about to drop visual cue)
+
+![Connect 4 Player 1 Wins](/images/glimmer-connect4-player1-wins.png)
+
+Connect 4 - Game Over Message Box
+
+![Connect 4 Game Over Message Box](/images/glimmer-connect4-game-over-dialog.png)
+
 #### Contact Manager
 
 This sample demonstrates table data-binding, sorting, filtering, GUI layout, MVP pattern, and test-driven development (has [specs](https://github.com/AndyObtiva/glimmer-dsl-swt/blob/master/spec/samples/elaborate/contact_manager/contact_manager_presenter_spec.rb)).
@@ -1074,7 +1106,7 @@ Contact Manager - Edit Done
 
 #### Game of Life
 
-This sample demonstrates how to build an interactive canvas-based visualization of Conway's Game of Life (test-first), taking advantage of data-binding and multi-threading.
+This sample demonstrates how to build an interactive canvas-based visualization of Conway's Game of Life ([test-first](https://github.com/AndyObtiva/glimmer-dsl-swt/blob/master/spec/samples/elaborate/game_of_life/model/grid_spec.rb)), taking advantage of data-binding and multi-threading.
 
 Code:
 
@@ -1112,7 +1144,7 @@ Code:
 
 #### Klondike Solitaire
 
-This sample demonstrates how to build an interactive card game with MVC architecture, canvas, custom-shapes, data-binding, observers, and drag & drop.
+This sample demonstrates how to build an interactive card game with MVC architecture, canvas, custom-shapes, data-binding, observers, and canvas shape drag & drop.
 
 Code:
 
@@ -1122,6 +1154,26 @@ Code:
 
 ![Klondike Solitaire Played](/images/glimmer-klondike-solitaire-played.png)
 
+Check out a souped up large-card-size packaged version of the game in the [Glimmer Klondike Solitaire](#glimmer-klondike-solitaire) external sample.
+
+#### Battleship
+
+This sample demonstrates how to build an interactive board game with A.I., MVC architecture, hybrid canvas widget/shape approach, custom-widgets, data-binding, observers, and widget drag & drop.
+
+Code:
+
+[samples/elaborate/battleship.rb](/samples/elaborate/battleship.rb)
+
+![Battleship](/images/glimmer-battleship.png)
+
+![Battleship Placement](/images/glimmer-battleship-placement.png)
+
+![Battleship Ready for Battle](/images/glimmer-battleship-ready-for-battle.png)
+
+![Battleship Won](/images/glimmer-battleship-won.png)
+
+![Battleship Game Over](/images/glimmer-battleship-game-over.png)
+
 #### Mandelbrot Fractal
 
 This sample demonstrates how to render canvas graphics with multi-threaded processing taking advantage of all CPU cores and doing background processing of images.
@@ -1148,6 +1200,28 @@ Code:
 
 ![Mandelbrot Fractal Help Menu](/images/glimmer-mandelbrot-menu-help.png)
 
+#### Parking
+
+This sample demonstrates how to use method-based custom shapes and how to take advantage of transforms (e.g. rotation).
+
+It enables booking a parking spot at the entrance of a building's parking, which in a real scenario would have prompted for payment too.
+
+Code:
+
+[samples/elaborate/parking.rb](/samples/elaborate/parking.rb)
+
+Parking
+
+![Parking](/images/glimmer-parking.png)
+
+Parking Floor 4
+
+![Parking Floor 4](/images/glimmer-parking-floor4.png)
+
+Parking Booked
+
+![Parking Booked](/images/glimmer-parking-booked.png)
+
 #### Stock Ticker
 
 This sample demonstrates a Stock Ticker that generates random stock price data for 4 different stocks and provides 4 different tab views of the graphed data using the [Canvas Path DSL](/docs/reference/GLIMMER_GUI_DSL_SYNTAX.md#canvas-path-dsl). It leverages a thread that runs in the background and ticks the stocks to generate random new stock prices before amending the graphed paths with them.
@@ -1223,6 +1297,14 @@ Gladiator is a good demonstration of:
 
 [<img src="https://raw.githubusercontent.com/AndyObtiva/glimmer-cs-timer/master/glimmer-timer-screenshot.png" />](https://github.com/AndyObtiva/glimmer-cs-timer)
 
+#### Glimmer Klondike Solitaire
+
+This is a souped up version of the Klondike Solitaire elaborate sample, which is built as an external application to enable packaging as a native executable installer. Enjoy!
+
+[<img alt="Glimmer Klondike Solitaire Icon" src="https://raw.githubusercontent.com/AndyObtiva/glimmer_klondike_solitaire/master/package/linux/Glimmer%20Klondike%20Solitaire.png" height=40 /> Glimmer Klondike Solitaire](https://github.com/AndyObtiva/glimmer_klondike_solitaire)
+
+![Glimmer Klondike Solitaire](https://raw.githubusercontent.com/AndyObtiva/glimmer_klondike_solitaire/master/images/glimmer-klondike-solitaire.png)
+
 ## License
 
 [MIT](LICENSE.txt)

data/lib/glimmer-dsl-swt.rb

@@ -38,6 +38,7 @@ require 'super_module'
 require 'date'
 require 'facets/string/capitalized'
 require 'facets/hash/symbolize_keys'
+require 'matrix'
 
 # Internal requires
 require 'ext/glimmer/config'

data/lib/glimmer/swt/custom/drawable.rb

@@ -62,6 +62,7 @@ module Glimmer
           # Optimize further by having a collection of disposable_shapes independent of shapes, which is much smaller and only has shapes that require disposal (shapes with patterns or image)
           shapes.dup.each {|s| s.dispose(dispose_images: dispose_images, dispose_patterns: dispose_patterns) } if requires_shape_disposal?
         end
+        alias dispose_shapes clear_shapes
         
         def paint_pixel_by_pixel(width = nil, height = nil, &each_pixel_color)
           if @image_double_buffered

data/lib/glimmer/swt/custom/shape.rb

@@ -216,6 +216,7 @@ module Glimmer
         # Subclasses (like polygon) may override to indicate if a point x,y coordinates falls inside the shape
         # some shapes may choose to provide a fuzz factor to make usage of this method for mouse clicking more user friendly
         def contain?(x, y)
+          x, y = inverse_transform_point(x, y)
           # assume a rectangular filled shape by default (works for several shapes like image, text, and focus)
           x.between?(self.absolute_x, self.absolute_x + calculated_width.to_f) && y.between?(self.absolute_y, self.absolute_y + calculated_height.to_f)
         end
@@ -232,6 +233,24 @@ module Glimmer
           included = include?(x, y)
           included ||= expanded_shapes.reject {|shape| shape == except_child}.detect { |shape| shape.include?(x, y) }
         end
+        
+        # if there is a transform, invert it and apply on x, y point coordinates
+        def inverse_transform_point(x, y)
+          current_transform = (transform || parent_shape_containers.map(&:transform).first)&.first
+          if current_transform
+            transform_array = [1,2,3,4,5,6].to_java(:float)
+            current_transform.getElements(transform_array)
+            inverse_transform = TransformProxy.new(DisplayProxy.instance.swt_display, *transform_array.to_a)
+            inverse_transform_array = [1,2,3,4,5,6].to_java(:float)
+            inverse_transform.getElements(inverse_transform_array)
+            matrix = Matrix[[inverse_transform_array[0], inverse_transform_array[1]], [inverse_transform_array[2], inverse_transform_array[3]]]
+            result = matrix * Matrix.column_vector([x, y])
+            x, y = result.to_a.flatten
+            x += inverse_transform_array[5]
+            y += inverse_transform_array[4]
+          end
+          [x, y]
+        end
 
         # Indicates if a shape's x, y, width, height differ from its bounds calculation (e.g. arc / polygon)
         def irregular?
@@ -713,7 +732,7 @@ module Glimmer
               end
             end
             @drawable_on_mouse_up = drawable.handle_observation_request('on_mouse_up') do |event|
-              if Shape.dragging && Shape.dragged_shape == self && !Shape.drop_shapes.detect {|shape| shape.include_with_children?(event.x, event.y)}
+              if Shape.dragging && Shape.dragged_shape == self && !Shape.drop_shapes.detect {|shape| shape.include_with_children?(event.x, event.y, except_child: Shape.dragged_shape)}
                 Shape.dragging = false
                 Shape.dragged_shape.x = Shape.dragged_shape_original_x
                 Shape.dragged_shape.y = Shape.dragged_shape_original_y

data/lib/glimmer/swt/custom/shape/arc.rb

@@ -53,6 +53,7 @@ module Glimmer
             
           # checks if shape contains the point denoted by x and y
           def contain?(x, y)
+            x, y = inverse_transform_point(x, y)
             geometry.contains(x, y)
           end
           
@@ -60,6 +61,7 @@ module Glimmer
             if filled?
               contain?(x, y)
             else
+              x, y = inverse_transform_point(x, y)
               # give it some fuzz to allow a larger region around the drawn oval to accept including a point (helps with mouse clickability on a shape)
               outer_shape_geometry = java.awt.geom.Arc2D::Double.new(self.absolute_x, self.absolute_y, calculated_width + 3, calculated_height + 3, start_angle, arc_angle, java.awt.geom.Arc2D::PIE)
               inner_shape_geometry = java.awt.geom.Arc2D::Double.new(self.absolute_x, self.absolute_y, calculated_width - 3, calculated_height - 3, start_angle, arc_angle, java.awt.geom.Arc2D::PIE)

data/lib/glimmer/swt/custom/shape/cubic.rb

@@ -55,6 +55,7 @@ module Glimmer
         
           # checks if drawn or filled rectangle includes the point denoted by x and y (if drawn, it only returns true if point lies on the edge)
           def include?(x, y, filled: nil)
+            x, y = inverse_transform_point(x, y)
             filled = filled? if filled.nil?
             makeshift_gc = org.eclipse.swt.graphics.GC.new(Glimmer::SWT::DisplayProxy.instance.swt_display)
             swt_path = org.eclipse.swt.graphics.Path.new(Glimmer::SWT::DisplayProxy.instance.swt_display)

data/lib/glimmer/swt/custom/shape/line.rb

@@ -123,6 +123,7 @@ module Glimmer
           end
           
           def include?(x, y)
+            x, y = inverse_transform_point(x, y)
             # TODO must account for line width
             Line.include?(absolute_x1, absolute_y1, absolute_x2, absolute_y2, x, y)
           end

data/lib/glimmer/swt/custom/shape/oval.rb

@@ -39,6 +39,7 @@ module Glimmer
           
           # checks if shape contains the point denoted by x and y
           def contain?(x, y)
+            x, y = inverse_transform_point(x, y)
             shape_geometry = java.awt.geom.Ellipse2D::Double.new(self.absolute_x, self.absolute_y, calculated_width, calculated_height)
             shape_geometry.contains(x, y)
           end
@@ -48,6 +49,7 @@ module Glimmer
             if filled?
               contain?(x, y)
             else
+              x, y = inverse_transform_point(x, y)
               # give it some fuzz to allow a larger region around the drawn oval to accept including a point (helps with mouse clickability on a shape)
               outer_shape_geometry = java.awt.geom.Ellipse2D::Double.new(self.absolute_x - 3, self.absolute_y - 3, calculated_width + 6, calculated_height + 6)
               inner_shape_geometry = java.awt.geom.Ellipse2D::Double.new(self.absolute_x + 3, self.absolute_y + 3, calculated_width - 6, calculated_height - 6)

data/lib/glimmer/swt/custom/shape/path.rb

@@ -61,17 +61,13 @@ module Glimmer
             end
           end
           
-          def contain?(x, y)
-            makeshift_gc = org.eclipse.swt.graphics.GC.new(Glimmer::SWT::DisplayProxy.instance.swt_display)
-            @swt_path.contains(x.to_f, y.to_f, makeshift_gc, false)
-          end
-          
           def contain?(x, y)
             include?(x, y, filled: true)
           end
         
           # checks if drawn or filled rectangle includes the point denoted by x and y (if drawn, it only returns true if point lies on the edge)
           def include?(x, y, filled: nil)
+            x, y = inverse_transform_point(x, y)
             filled = filled? if filled.nil?
             makeshift_gc = org.eclipse.swt.graphics.GC.new(Glimmer::SWT::DisplayProxy.instance.swt_display)
             @swt_path.contains(x.to_f, y.to_f, makeshift_gc, !filled)

data/lib/glimmer/swt/custom/shape/point.rb

@@ -49,6 +49,7 @@ module Glimmer
           end
           
           def include?(x, y)
+            x, y = inverse_transform_point(x, y)
             # give it some fuzz (helps makes mouse clicking easier)
             x.to_i.between?(self.absolute_x.to_i - 2, self.absolute_x.to_i + 2) && y.to_i.between?(self.absolute_y.to_i - 2, self.absolute_y.to_i + 2)
           end

data/lib/glimmer/swt/custom/shape/polygon.rb

@@ -152,6 +152,7 @@ module Glimmer
           end
           
           def contain?(x, y)
+            x, y = inverse_transform_point(x, y)
             geometry.contains(x, y)
           end
 
@@ -159,6 +160,7 @@ module Glimmer
             if filled?
               contain?(x, y)
             else
+              x, y = inverse_transform_point(x, y)
               comparison_lines = absolute_point_xy_array.zip(absolute_point_xy_array.rotate(1))
               comparison_lines.any? {|line| Line.include?(line.first.first, line.first.last, line.last.first, line.last.last, x, y)}
             end

data/lib/glimmer/swt/custom/shape/polyline.rb

@@ -130,6 +130,7 @@ module Glimmer
           end
           
           def include?(x, y)
+            x, y = inverse_transform_point(x, y)
             comparison_lines = absolute_point_xy_array.zip(absolute_point_xy_array.rotate(1))
             comparison_lines.pop # ignore last pair since you don't want to compare last point with first point
             comparison_lines.any? {|line| Line.include?(line.first.first, line.first.last, line.last.first, line.last.last, x, y)}

data/lib/glimmer/swt/custom/shape/rectangle.rb

@@ -85,6 +85,7 @@ module Glimmer
             if filled?
               contain?(x, y)
             else
+              x, y = inverse_transform_point(x, y)
               comparison_lines = absolute_point_xy_array.zip(absolute_point_xy_array.rotate(1))
               comparison_lines.any? {|line| Line.include?(line.first.first, line.first.last, line.last.first, line.last.last, x, y)}
             end

data/samples/elaborate/battleship.rb

@@ -0,0 +1,79 @@
+# Copyright (c) 2007-2021 Andy Maleh
+#
+# Permission is hereby granted, free of charge, to any person obtaining
+# a copy of this software and associated documentation files (the
+# "Software"), to deal in the Software without restriction, including
+# without limitation the rights to use, copy, modify, merge, publish,
+# distribute, sublicense, and/or sell copies of the Software, and to
+# permit persons to whom the Software is furnished to do so, subject to
+# the following conditions:
+#
+# The above copyright notice and this permission notice shall be
+# included in all copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+# EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+# MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+# LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+# OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+# WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+require 'glimmer-dsl-swt'
+require 'facets/string/titlecase'
+require 'facets/string/underscore'
+
+require_relative 'battleship/model/game'
+
+require_relative 'battleship/view/grid'
+require_relative 'battleship/view/ship_collection'
+require_relative 'battleship/view/action_panel'
+
+class Battleship
+  include Glimmer::UI::CustomShell
+
+  COLOR_WATER = rgb(156, 211, 219)
+  COLOR_SHIP = :dark_gray
+  
+  before_body do
+    @game = Model::Game.new
+  end
+    
+  after_body do
+    observe(@game, :over) do |game_over_value|
+      if game_over_value
+        game_over_message = if game_over_value == :you
+          "Game over!\nYou Won!"
+        else
+          "Game over!\nYou Lost!"
+        end
+        
+        message_box {
+          text 'Game Over!'
+          message game_over_message
+        }.open
+      end
+    end
+  end
+  
+  body {
+    shell(:no_resize) {
+      grid_layout(2, false) {
+        horizontal_spacing 15
+        vertical_spacing 15
+      }
+      
+      text 'Glimmer Battleship'
+
+      @enemy_grid = grid(game: @game, player: :enemy)
+      @enemy_ship_collection = ship_collection(game: @game, player: :enemy)
+      
+      @player_grid = grid(game: @game, player: :you)
+      @player_ship_collection = ship_collection(game: @game, player: :you)
+
+      action_panel(game: @game)
+    }
+  }
+end
+
+Battleship.launch