RubyGems - yeah - Versions diffs - 0.2.2 → 0.3.3 - Mend

yeah 0.2.2 → 0.3.3

Files changed (44) hide show

checksums.yaml +4 -4
data/LICENSE.txt +1 -1
data/README.md +52 -20
data/bin/yeah +30 -0
data/lib/yeah.rb +6 -9
data/lib/yeah/_platform/asset.rb +24 -0
data/lib/yeah/_platform/display.rb +181 -0
data/lib/yeah/_platform/image.rb +16 -0
data/lib/yeah/_platform/keyboard.rb +37 -0
data/lib/yeah/_platform/mouse.rb +30 -0
data/lib/yeah/_platform/sound.rb +15 -0
data/lib/yeah/_platform/ticker.rb +21 -0
data/lib/yeah/_template/Gemfile +4 -0
data/lib/yeah/_template/code/code.rb +4 -0
data/lib/yeah/_template/code/game.rb +7 -0
data/lib/yeah/_web.rb +9 -0
data/lib/yeah/color.rb +45 -13
data/lib/yeah/constants.rb +6 -0
data/lib/yeah/game.rb +89 -41
data/lib/yeah/vector.rb +122 -99
data/lib/yeah/version.rb +3 -0
data/lib/yeah/web/dependencies.rb +2 -0
data/lib/yeah/web/runner.html.erb +61 -0
data/lib/yeah/web/server.rb +60 -0
data/lib/yeah/web/setup.rb +5 -0
data/lib/yeah/web/start.rb +1 -0
data/opal/yeah/web.rb +8 -0
data/opal/yeah/web/asset.opal +38 -0
data/opal/yeah/web/constants.opal +5 -0
data/opal/yeah/web/display.opal +244 -0
data/opal/yeah/web/image.opal +23 -0
data/opal/yeah/web/keyboard.opal +139 -0
data/opal/yeah/web/mouse.opal +58 -0
data/opal/yeah/web/sound.opal +19 -0
data/opal/yeah/web/ticker.opal +39 -0
metadata +111 -19
data/CHANGELOG.md +0 -28
data/lib/monkey/numeric.rb +0 -6
data/lib/yeah/basic_physics.rb +0 -11
data/lib/yeah/desktop.rb +0 -72
data/lib/yeah/entity.rb +0 -137
data/lib/yeah/map.rb +0 -40
data/lib/yeah/rectangle.rb +0 -21
data/lib/yeah/surface.rb +0 -66

data/lib/yeah/version.rb ADDED Viewed

@@ -0,0 +1,3 @@
+module Yeah
+  VERSION = '0.3.3'
+end

data/lib/yeah/web/dependencies.rb ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require 'opal'
2	+ require 'yeah'

data/lib/yeah/web/runner.html.erb ADDED Viewed

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Game</title>
+  <style>
+    body {
+      background: black;
+      margin: 0;
+    }
+    .center-content {
+      /* Internet Explorer 10 */
+      display: -ms-flexbox;
+      -ms-flex-pack: center;
+      -ms-flex-align: center;
+      /* Firefox */
+      display: -moz-box;
+      -moz-box-pack: center;
+      -moz-box-align: center;
+      /* Safari, Opera, and Chrome */
+      display: -webkit-box;
+      -webkit-box-pack: center;
+      -webkit-box-align: center;
+      /* W3C */
+      display: box;
+      box-pack: center;
+      box-align: center;
+    }
+    html, body{
+      width: 100%;
+      height: 100%;
+    }
+    canvas {
+      max-width: 100%;
+      max-height: 100%;
+    }
+    .hidden {
+      display: none;
+    }
+  </style>
+</head>
+<body class="center-content">
+  <canvas></canvas>
+  <div class="hidden">
+    <%= @server.asset_include_tags %>
+  </div>
+  <%= javascript_include_tag 'yeah/web/dependencies' %>
+  <%= javascript_include_tag 'yeah/web' %>
+  <%= javascript_include_tag 'yeah/web/setup' %>
+  <%= javascript_include_tag 'code' %>
+  <%= javascript_include_tag 'yeah/web/start' %>
+</body>
+</html>

data/lib/yeah/web/server.rb ADDED Viewed

@@ -0,0 +1,60 @@
+require 'pathname'
+require 'rack'
+require 'opal'
+module Yeah
+module Web
+# The `Web::Server` serves a game over the Internet. It can be started easily
+# by entering `yeah serve` in a command-line within a game project.
+class Server
+  # @param [Integer] port to serve game over
+  # Start serving the game.
+  def start(port = 1234)
+    Rack::Server.start(app: Application.new, Port: port)
+  end
+  private
+  # For internal usage.
+  # @see Yeah::Web::Server
+  class Application < Opal::Server
+    def initialize
+      @index_path = gem_path.join('lib', 'yeah', 'web', 'runner.html.erb').to_s
+      super
+      # Append stdlib paths
+      $LOAD_PATH.each { |p| append_path(p) }
+      # Append Yeah paths
+      append_path gem_path.join('lib')
+      append_path gem_path.join('opal')
+      # Append game (working directory) paths
+      append_path 'assets'
+      append_path 'code'
+    end
+    def asset_include_tags
+      paths = Dir['assets/**/*'].select { |p| File.file? p }
+      paths.map do |path|
+        case path
+        when /\.(ogg|wav|mp3)$/
+          "<audio src=\"#{path}\"></audio>"
+        else
+          "<img src=\"#{path}\" />"
+        end
+      end.join("\n")
+    end
+    private
+    def gem_path
+      @gem_path ||= Pathname.new(__FILE__).join('..', '..', '..', '..')
+    end
+  end
+end
+end
+end

data/lib/yeah/web/setup.rb ADDED Viewed

@@ -0,0 +1,5 @@
+module Yeah
+  include Web
+end
+include Yeah

data/lib/yeah/web/start.rb ADDED Viewed

	@@ -0,0 +1 @@
1	+ Game.default.new

data/opal/yeah/web.rb ADDED Viewed

@@ -0,0 +1,8 @@
+require 'yeah/web/constants'
+require 'yeah/web/asset'
+require 'yeah/web/image'
+require 'yeah/web/sound'
+require 'yeah/web/display'
+require 'yeah/web/keyboard'
+require 'yeah/web/mouse'
+require 'yeah/web/ticker'

data/opal/yeah/web/asset.opal ADDED Viewed

@@ -0,0 +1,38 @@
+module Yeah
+module Web
+class Asset
+  ASSETS_PATH = "./assets"
+  class << self
+    def [](*args)
+      new(*args)
+    end
+  end
+  def initialize(path)
+    setup_native
+    self.path = path
+  end
+  def path
+    `#@native.src`.sub(/.*:\/\/.*#{ASSETS_PATH}\//i, '')
+  end
+  def path=(val)
+    # TODO: use Pathname#join if it is implemented in Opal
+    full_path = "#{ASSETS_PATH}/#{val}"
+    `#@native.src = #{full_path};`
+  end
+  def to_n
+    @native
+  end
+  private
+  def setup_native
+    raise NotImplementedError
+  end
+end
+end
+end

data/opal/yeah/web/constants.opal ADDED Viewed

@@ -0,0 +1,5 @@
+module Yeah
+module Web
+  DEFAULT_CANVAS_SELECTOR = 'canvas'
+end
+end

data/opal/yeah/web/display.opal ADDED Viewed

@@ -0,0 +1,244 @@
+module Yeah
+module Web
+class Display
+  attr_reader :font_family, :font_size
+  def initialize(options = {})
+    canvas_selector = options.fetch(:canvas_selector, DEFAULT_CANVAS_SELECTOR)
+    @canvas = `document.querySelectorAll(#{canvas_selector})[0]`
+    @context = `#@canvas.getContext('2d')`
+    self.size = options.fetch(:size, DEFAULT_DISPLAY_SIZE)
+    self.font_family = DEFAULT_DISPLAY_FONT_FAMILY
+    self.font_size = DEFAULT_DISPLAY_FONT_SIZE
+    @transform = [1, 0, 0, 1, 0, 0]
+    @transforms = []
+  end
+  def size
+    V[`#@canvas.width`, `#@canvas.height`]
+  end
+  def size=(value)
+    `#@canvas.width =  #{value.x}`
+    `#@canvas.height = #{value.y}`
+  end
+  def width
+    `#@canvas.width`
+  end
+  def width=(value)
+    `#@canvas.width =  #{value.x}`
+  end
+  def height
+    `#@canvas.height`
+  end
+  def height=(value)
+    `#@canvas.height =  #{value.x}`
+  end
+  def fill_color
+    C[`#@context.fillStyle`]
+  end
+  def fill_color=(color)
+    `#@context.fillStyle = #{color.to_hex}`
+  end
+  def stroke_color
+    C[`#@context.strokeStyle`]
+  end
+  def stroke_color=(color)
+    `#@context.strokeStyle = #{color.to_hex}`
+  end
+  def stroke_width
+    `#@context.lineWidth`
+  end
+  def stroke_width=(numeric)
+    `#@context.lineWidth = #{numeric}`
+  end
+  def font_family=(type)
+    @font_family= type
+    font = "#{@font_size}px #{@font_family}"
+    `#@context.font = #{font}`
+  end
+  def font_size=(size)
+    @font_size = size
+    font = "#{@font_size}px #{@font_family}"
+    `#@context.font = #{font}`
+  end
+  def color_at(position)
+    data = `#@context.getImageData(#{position.x}, #{position.y}, 1, 1).data`
+    C[`data[0]`, `data[1]`, `data[2]`]
+  end
+  def transformation
+    @transform + [0, 0, 1] # appendage to fulfill signature
+  end
+  def translate(displacement)
+    @transform[4] += `#{@transform[0]} * #{displacement.x} +
+                      #{@transform[2]} * #{displacement.y}`
+    @transform[5] += `#{@transform[1]} * #{displacement.x} +
+                      #{@transform[3]} * #{displacement.y}`
+    %x{
+      #@context.setTransform(#{@transform[0]}, #{@transform[1]},
+                             #{@transform[2]}, #{@transform[3]},
+                             #{@transform[4]}, #{@transform[5]}); }
+  end
+  def scale(multiplier)
+    %x{
+      #{@transform} = [#{@transform[0]} * #{multiplier.x},
+                       #{@transform[1]} * #{multiplier.x},
+                       #{@transform[2]} * #{multiplier.y},
+                       #{@transform[3]} * #{multiplier.y},
+                       #{@transform[4]}, #{@transform[5]}];
+      #@context.setTransform(#{@transform[0]}, #{@transform[1]},
+                             #{@transform[2]}, #{@transform[3]},
+                             #{@transform[4]}, #{@transform[5]}); }
+  end
+  def rotate(radians)
+    %x{
+      var cos = Math.cos(#{radians}),
+          sin = Math.sin(#{radians}),
+          e0 = #{@transform[0]} * cos + #{@transform[2]} * sin,
+          e1 = #{@transform[1]} * cos + #{@transform[3]} * sin,
+          e2 = #{@transform[0]} * -sin + #{@transform[2]} * cos,
+          e3 = #{@transform[1]} * -sin + #{@transform[3]} * cos;
+      #@transform = [e0, e1, e2, e3, #{@transform[4]}, #{@transform[5]}];
+      #@context.setTransform(#{@transform[0]}, #{@transform[1]},
+                             #{@transform[2]}, #{@transform[3]},
+                             #{@transform[4]}, #{@transform[5]}); }
+  end
+  def push
+    @transforms.push(@transform.dup)
+  end
+  def pop
+    @transform = @transforms.pop
+    %x{
+      #@context.setTransform(#{@transform[0]}, #{@transform[1]},
+                             #{@transform[2]}, #{@transform[3]},
+                             #{@transform[4]}, #{@transform[5]}); }
+  end
+  def stroke_line(start_pos, end_pos)
+    %x{
+      #@context.beginPath();
+      #@context.moveTo(#{start_pos.x}, #{start_pos.y});
+      #@context.lineTo(#{end_pos.x}, #{end_pos.y});
+      #@context.closePath();
+      #@context.stroke();
+    }
+  end
+  def stroke_rectangle(position, size)
+    `#@context.strokeRect(#{position.x}, #{position.y}, #{size.x}, #{size.y})`
+  end
+  def fill_rectangle(position, size)
+    `#@context.fillRect(#{position.x}, #{position.y}, #{size.x}, #{size.y})`
+  end
+  def stroke_ellipse(center, radius)
+    %x{
+      #@context.beginPath();
+      #@context.save();
+      #@context.beginPath();
+      #@context.translate(#{center.x} - #{radius.x},
+                          #{center.y} - #{radius.y});
+      #@context.scale(#{radius.x}, #{radius.y});
+      #@context.arc(1, 1, 1, 0, 2 * Math.PI, false);
+      #@context.restore();
+      #@context.stroke();
+    }
+  end
+  def fill_ellipse(center, radius)
+    %x{
+      #@context.beginPath();
+      #@context.save();
+      #@context.beginPath();
+      #@context.translate(#{center.x} - #{radius.x},
+                          #{center.y} - #{radius.y});
+      #@context.scale(#{radius.x}, #{radius.y});
+      #@context.arc(1, 1, 1, 0, 2 * Math.PI, false);
+      #@context.restore();
+      #@context.fill();
+    }
+  end
+  def clear
+    `#@context.fillRect(0, 0, #{size.x}, #{size.y})`
+  end
+  def begin_shape
+    `#@context.beginPath()`
+  end
+  def end_shape
+    `#@context.closePath()`
+  end
+  def move_to(position)
+    `#@context.moveTo(#{position.x}, #{position.y})`
+  end
+  def line_to(position)
+    `#@context.lineTo(#{position.x}, #{position.y})`
+  end
+  def curve_to(position, control)
+    `#@context.quadraticCurveTo(#{control.x}, #{control.y},
+                                #{position.x}, #{position.y})`
+  end
+  def curve2_to(position, control1, control2)
+    `#@context.bezierCurveTo(#{control1.x}, #{control1.y},
+                             #{control2.x}, #{control2.y},
+                             #{position.x}, #{position.y})`
+  end
+  def stroke_shape
+    `#@context.stroke()`
+  end
+  def fill_shape
+    `#@context.fill()`
+  end
+  def image(image, position)
+    `#@context.drawImage(#{image.to_n}, #{position.x}, #{position.y})`
+  end
+  def image_cropped(image, position, crop_position, crop_size)
+    %x{#@context.drawImage(#{image.to_n},
+                           #{crop_position.x}, #{crop_position.y},
+                           #{crop_size.x}, #{crop_size.y},
+                           #{position.x}, #{position.y},
+                           #{crop_size.x}, #{crop_size.y})}
+  end
+  def fill_text(text, position)
+    `#@context.fillText(#{text}, #{position.x}, #{position.y})`
+  end
+  def stroke_text(text, position)
+    `#@context.strokeText(#{text}, #{position.x}, #{position.y})`
+  end
+end
+end
+end

data/opal/yeah/web/image.opal ADDED Viewed

@@ -0,0 +1,23 @@
+module Yeah
+module Web
+class Image < Asset
+  def size
+    V[`#@native.width`, `#@native.height`]
+  end
+  def width
+    `#@native.width`
+  end
+  def height
+    `#@native.height`
+  end
+  private
+  def setup_native
+   `#@native = new Image();`
+  end
+end
+end
+end