geo_pattern 1.2.1 → 1.3.0

data/lib/geo_pattern/pattern/tessellation_pattern.rb

@@ -0,0 +1,93 @@
+module GeoPattern
+  class TessellationPattern < BasePattern
+    def render_to_svg
+      # 3.4.6.4 semi-regular tessellation
+      side_length     = map(hex_val(0, 1), 0, 15, 5, 40)
+      hex_height      = side_length * Math.sqrt(3)
+      hex_width       = side_length * 2
+      triangle_height = side_length/2 * Math.sqrt(3)
+      triangle        = build_rotated_triangle_shape(side_length, triangle_height)
+      tile_width      = side_length*3 + triangle_height*2
+      tile_height     = (hex_height * 2) + (side_length * 2)
+
+      svg.set_width(tile_width)
+      svg.set_height(tile_height)
+
+      for i in 0..19
+        val     = hex_val(i, 1)
+        opacity = opacity(val)
+        fill    = fill_color(val)
+
+        styles  = {
+                "stroke"         => STROKE_COLOR,
+                "stroke-opacity" => STROKE_OPACITY,
+                "fill"           => fill,
+                "fill-opacity"   => opacity,
+                "stroke-width"   => 1
+        }
+
+        case i
+        when 0 # all 4 corners
+          svg.rect(-side_length/2, -side_length/2, side_length, side_length, styles)
+          svg.rect(tile_width - side_length/2, -side_length/2, side_length, side_length, styles)
+          svg.rect(-side_length/2, tile_height-side_length/2, side_length, side_length, styles)
+          svg.rect(tile_width - side_length/2, tile_height-side_length/2, side_length, side_length, styles)
+        when 1 # center / top square
+          svg.rect(hex_width/2 + triangle_height, hex_height/2, side_length, side_length, styles)
+        when 2 # side squares
+          svg.rect(-side_length/2, tile_height/2-side_length/2, side_length, side_length, styles)
+          svg.rect(tile_width-side_length/2, tile_height/2-side_length/2, side_length, side_length, styles)
+        when 3 # center / bottom square
+          svg.rect(hex_width/2 + triangle_height, hex_height * 1.5 + side_length, side_length, side_length, styles)
+        when 4 # left top / bottom triangle
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{side_length/2}, #{-side_length/2}) rotate(0, #{side_length/2}, #{triangle_height/2})"}))
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{side_length/2}, #{tile_height--side_length/2}) rotate(0, #{side_length/2}, #{triangle_height/2}) scale(1, -1)"}))
+        when 5 # right top / bottom triangle
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{tile_width-side_length/2}, #{-side_length/2}) rotate(0, #{side_length/2}, #{triangle_height/2}) scale(-1, 1)"}))
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{tile_width-side_length/2}, #{tile_height+side_length/2}) rotate(0, #{side_length/2}, #{triangle_height/2}) scale(-1, -1)"}))
+        when 6 # center / top / right triangle
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{tile_width/2+side_length/2}, #{hex_height/2})"}))
+        when 7 # center / top / left triangle
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{tile_width-tile_width/2-side_length/2}, #{hex_height/2}) scale(-1, 1)"}))
+        when 8 # center / bottom / right triangle
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{tile_width/2+side_length/2}, #{tile_height-hex_height/2}) scale(1, -1)"}))
+        when 9 # center / bottom / left triangle
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{tile_width-tile_width/2-side_length/2}, #{tile_height-hex_height/2}) scale(-1, -1)"}))
+        when 10 # left / middle triangle
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{side_length/2}, #{tile_height/2 - side_length/2})"}))
+        when 11 # right / middle triangle
+          svg.polyline(triangle, styles.merge({"transform" => "translate(#{tile_width-side_length/2}, #{tile_height/2 - side_length/2}) scale(-1, 1)"}))
+        when 12 # left / top square
+          svg.rect(0, 0, side_length, side_length,
+                    styles.merge({"transform" => "translate(#{side_length/2}, #{side_length/2}) rotate(-30, 0, 0)"}))
+        when 13 # right / top square
+          svg.rect(0, 0, side_length, side_length,
+                    styles.merge({"transform" => "scale(-1, 1) translate(#{-tile_width+side_length/2}, #{side_length/2}) rotate(-30, 0, 0)" }))
+        when 14 # left / center-top square
+          svg.rect(0, 0, side_length, side_length,
+                    styles.merge({"transform" => "translate(#{side_length/2}, #{tile_height/2-side_length/2-side_length}) rotate(30, 0, #{side_length})" }))
+        when 15 # right / center-top square
+          svg.rect(0, 0, side_length, side_length,
+                    styles.merge({"transform" => "scale(-1, 1) translate(#{-tile_width+side_length/2}, #{tile_height/2-side_length/2-side_length}) rotate(30, 0, #{side_length})" }))
+        when 16 # left / center-top square
+          svg.rect(0, 0, side_length, side_length,
+                    styles.merge({"transform" => "scale(1, -1) translate(#{side_length/2}, #{-tile_height+tile_height/2-side_length/2-side_length}) rotate(30, 0, #{side_length})" }))
+        when 17 # right / center-bottom square
+          svg.rect(0, 0, side_length, side_length,
+                    styles.merge({"transform" => "scale(-1, -1) translate(#{-tile_width+side_length/2}, #{-tile_height+tile_height/2-side_length/2-side_length}) rotate(30, 0, #{side_length})" }))
+        when 18 # left / bottom square
+          svg.rect(0, 0, side_length, side_length,
+                    styles.merge({"transform" => "scale(1, -1) translate(#{side_length/2}, #{-tile_height+side_length/2}) rotate(-30, 0, 0)"}))
+        when 19 # right / bottom square
+          svg.rect(0, 0, side_length, side_length,
+                    styles.merge({"transform" => "scale(-1, -1) translate(#{-tile_width+side_length/2}, #{-tile_height+side_length/2}) rotate(-30, 0, 0)"}))
+        end
+      end
+    end
+
+    def build_rotated_triangle_shape(side_length, width)
+      half_height = side_length / 2
+      "0, 0, #{width}, #{half_height}, 0, #{side_length}, 0, 0"
+    end
+  end
+end

data/lib/geo_pattern/pattern/triangle_pattern.rb

@@ -0,0 +1,51 @@
+module GeoPattern
+  class TrianglePattern < BasePattern
+    def render_to_svg
+      scale           = hex_val(0, 1)
+      side_length     = map(scale, 0, 15, 15, 80)
+      triangle_height = side_length/2 * Math.sqrt(3)
+      triangle        = build_triangle_shape(side_length, triangle_height)
+
+      svg.set_width(side_length * 3)
+      svg.set_height(triangle_height * 6)
+
+      i = 0
+      for y in 0..5
+        for x in 0..5
+          val     = hex_val(i, 1)
+          opacity = opacity(val)
+          fill    = fill_color(val)
+
+          styles = {
+            "fill"           => fill,
+            "fill-opacity"   => opacity,
+            "stroke"         => STROKE_COLOR,
+            "stroke-opacity" => STROKE_OPACITY
+          }
+
+          rotation = ""
+          if y % 2 == 0
+            rotation = x % 2 == 0 ? 180 : 0
+          else
+            rotation = x % 2 != 0 ? 180 : 0
+          end
+
+          svg.polyline(triangle, styles.merge({
+            "transform" => "translate(#{x*side_length*0.5 - side_length/2}, #{triangle_height*y}) rotate(#{rotation}, #{side_length/2}, #{triangle_height/2})"}))
+
+          # Add an extra one at top-right, for tiling.
+          if (x == 0)
+            svg.polyline(triangle, styles.merge({
+              "transform" => "translate(#{6*side_length*0.5 - side_length/2}, #{triangle_height*y}) rotate(#{rotation}, #{side_length/2}, #{triangle_height/2})"}))
+          end
+          i += 1
+        end
+      end
+    end
+
+    def build_triangle_shape(side_length, height)
+      half_width = side_length / 2
+      "#{half_width}, 0, #{side_length}, #{height}, 0, #{height}, #{half_width}, 0"
+    end
+  end
+end

data/lib/geo_pattern/pattern/xes_pattern.rb

@@ -0,0 +1,58 @@
+module GeoPattern
+  class XesPattern < BasePattern
+    def render_to_svg
+      square_size = map(hex_val(0, 1), 0, 15, 10, 25)
+      x_shape     = build_plus_shape(square_size) # rotated later
+      x_size      = square_size * 3 * 0.943
+
+      svg.set_width(x_size * 3)
+      svg.set_height(x_size * 3)
+
+      i = 0
+      for y in 0..5
+        for x in 0..5
+          val     = hex_val(i, 1)
+          opacity = opacity(val)
+          dy      = x % 2 == 0 ? y*x_size - x_size*0.5 : y*x_size - x_size*0.5 + x_size/4
+          fill    = fill_color(val)
+
+          styles = {
+            "fill"  => fill,
+            "style" => {
+              "opacity" => opacity
+            }
+          }
+
+          svg.group(x_shape, styles.merge({
+            "transform" => "translate(#{x*x_size/2 - x_size/2},#{dy - y*x_size/2}) rotate(45, #{x_size/2}, #{x_size/2})"}))
+
+          # Add an extra column on the right for tiling.
+          if (x == 0)
+            svg.group(x_shape, styles.merge({
+              "transform" => "translate(#{6*x_size/2 - x_size/2},#{dy - y*x_size/2}) rotate(45, #{x_size/2}, #{x_size/2})"}))
+          end
+
+          # Add an extra row on the bottom that matches the first row, for tiling.
+          if (y == 0)
+            dy = x % 2 == 0 ? 6*x_size - x_size/2 : 6*x_size - x_size/2 + x_size/4;
+            svg.group(x_shape, styles.merge({
+              "transform" => "translate(#{x*x_size/2 - x_size/2},#{dy - 6*x_size/2}) rotate(45, #{x_size/2}, #{x_size/2})"}))
+          end
+
+          # These can hang off the bottom, so put a row at the top for tiling.
+          if (y == 5)
+            svg.group(x_shape, styles.merge({
+              "transform" => "translate(#{x*x_size/2 - x_size/2},#{dy - 11*x_size/2}) rotate(45, #{x_size/2}, #{x_size/2})"}))
+          end
+
+          # Add an extra one at top-right and bottom-right, for tiling.
+          if (x == 0 && y == 0)
+            svg.group(x_shape, styles.merge({
+              "transform" => "translate(#{6*x_size/2 - x_size/2},#{dy - 6*x_size/2}) rotate(45, #{x_size/2}, #{x_size/2})"}))
+          end
+          i += 1
+        end
+      end
+    end
+  end
+end

data/lib/geo_pattern/pattern_generator.rb

@@ -0,0 +1,105 @@
+require 'base64'
+require 'digest/sha1'
+require 'color'
+
+module GeoPattern
+  class PatternGenerator
+    DEFAULTS = {
+      :base_color => '#933c3c'
+    }
+
+    PATTERNS = {
+      'chevrons' => ChevronPattern,
+      'concentric_circles' => ConcentricCirclesPattern,
+      'diamonds' => DiamondPattern,
+      'hexagons' => HexagonPattern,
+      'mosaic_squares' => MosaicSquaresPattern,
+      'nested_squares' => NestedSquaresPattern,
+      'octagons' => OctagonPattern,
+      'overlapping_circles' => OverlappingCirclesPattern,
+      'overlapping_rings' => OverlappingRingsPattern,
+      'plaid' => PlaidPattern,
+      'plus_signs' => PlusSignPattern,
+      'sine_waves' => SineWavePattern,
+      'squares' => SquarePattern,
+      'tessellation' => TessellationPattern,
+      'triangles' => TrianglePattern,
+      'xes' => XesPattern,
+    }.freeze
+
+    FILL_COLOR_DARK  = "#222"
+    FILL_COLOR_LIGHT = "#ddd"
+    STROKE_COLOR     = "#000"
+    STROKE_OPACITY   = 0.02
+    OPACITY_MIN      = 0.02
+    OPACITY_MAX      = 0.15
+
+    attr_reader :opts, :hash, :svg
+
+    def initialize(string, opts={})
+      @opts = DEFAULTS.merge(opts)
+      @hash = Digest::SHA1.hexdigest string
+      @svg  = SVG.new
+
+      generate_background
+      generate_pattern
+    end
+
+    def svg_string
+      svg.to_s
+    end
+    alias_method :to_s, :svg_string
+
+    def base64_string
+      Base64.strict_encode64(svg_string)
+    end
+
+    def uri_image
+      "url(data:image/svg+xml;base64,#{base64_string});"
+    end
+
+    def generate_background
+      if opts[:color]
+        rgb = Color::RGB.from_html(opts[:color])
+      else
+        hue_offset     = PatternHelpers.map(PatternHelpers.hex_val(hash, 14, 3), 0, 4095, 0, 359)
+        sat_offset     = PatternHelpers.hex_val(hash, 17, 1)
+        base_color     = Color::RGB.from_html(opts[:base_color]).to_hsl
+        base_color.hue = base_color.hue - hue_offset;
+
+        if (sat_offset % 2 == 0)
+          base_color.saturation = base_color.saturation + sat_offset
+        else
+          base_color.saturation = base_color.saturation - sat_offset
+        end
+        rgb = base_color.to_rgb
+      end
+      r = (rgb.r * 255).round
+      g = (rgb.g * 255).round
+      b = (rgb.b * 255).round
+      svg.rect(0, 0, "100%", "100%", {"fill" => "rgb(#{r}, #{g}, #{b})"})
+    end
+
+    def generate_pattern
+      if opts[:generator].is_a? String
+        generator = PATTERNS[opts[:generator]]
+        puts SVG.as_comment("String pattern references are deprecated as of 1.3.0")
+      elsif opts[:generator] < BasePattern
+        if PATTERNS.values.include? opts[:generator]
+          generator = opts[:generator]
+        else
+          abort("Error: the requested generator is invalid")
+          generator = nil
+        end
+      end
+
+      if generator.nil?
+        generator = PATTERNS.values[[PatternHelpers.hex_val(hash, 20, 1), PATTERNS.length - 1].min]
+      end
+
+      # Instantiate the generator with the needed references
+      # and render the pattern to the svg object
+      generator.new(svg, hash).render_to_svg
+    end
+  end
+end

data/lib/geo_pattern/svg.rb

@@ -63,5 +63,9 @@ module GeoPattern
       }
       str
     end
+
+    def self.as_comment(str)
+      "<!-- #{str} -->"
+    end
   end
 end

data/lib/geo_pattern/version.rb

@@ -1,3 +1,3 @@
 module GeoPattern
-  VERSION = "1.2.1"
+  VERSION = "1.3.0"
 end

metadata

@@ -1,62 +1,55 @@
 --- !ruby/object:Gem::Specification
 name: geo_pattern
 version: !ruby/object:Gem::Version
-  version: 1.2.1
-  prerelease: 
+  version: 1.3.0
 platform: ruby
 authors:
 - Jason Long
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-10 00:00:00.000000000 Z
+date: 2014-12-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: color
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.5'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.5'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 description: Generate SVG beautiful patterns
@@ -66,39 +59,56 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
+- ".gitignore"
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
 - geo_pattern.gemspec
 - lib/geo_pattern.rb
-- lib/geo_pattern/pattern.rb
+- lib/geo_pattern/pattern/base_pattern.rb
+- lib/geo_pattern/pattern/chevron_pattern.rb
+- lib/geo_pattern/pattern/concentric_circles_pattern.rb
+- lib/geo_pattern/pattern/diamond_pattern.rb
+- lib/geo_pattern/pattern/hexagon_pattern.rb
+- lib/geo_pattern/pattern/mosaic_squares_pattern.rb
+- lib/geo_pattern/pattern/nested_squares_pattern.rb
+- lib/geo_pattern/pattern/octagon_pattern.rb
+- lib/geo_pattern/pattern/overlapping_circles_pattern.rb
+- lib/geo_pattern/pattern/overlapping_rings_pattern.rb
+- lib/geo_pattern/pattern/pattern_helpers.rb
+- lib/geo_pattern/pattern/plaid_pattern.rb
+- lib/geo_pattern/pattern/plus_sign_pattern.rb
+- lib/geo_pattern/pattern/sine_wave_pattern.rb
+- lib/geo_pattern/pattern/square_pattern.rb
+- lib/geo_pattern/pattern/tessellation_pattern.rb
+- lib/geo_pattern/pattern/triangle_pattern.rb
+- lib/geo_pattern/pattern/xes_pattern.rb
+- lib/geo_pattern/pattern_generator.rb
 - lib/geo_pattern/svg.rb
 - lib/geo_pattern/version.rb
 homepage: https://github.com/jasonlong/geo_pattern
 licenses:
 - MIT
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.23
+rubygems_version: 2.2.0
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: Generate SVG beautiful patterns
 test_files: []