geo_pattern 1.3.2 → 1.4.0

data/lib/geo_pattern/structure_generators/nested_squares_generator.rb

@@ -0,0 +1,60 @@
+module GeoPattern
+  module StructureGenerators
+    class NestedSquaresGenerator < BaseGenerator
+      private
+
+      attr_reader :block_size, :square_size
+
+      def after_initialize
+        @block_size = map(hex_val(0, 1), 0, 15, 4, 12)
+        @square_size = block_size * 7
+
+        self.height = self.width  = (square_size + block_size) * 6 + block_size * 6
+      end
+
+      def generate_structure
+        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'   => 'none',
+              'stroke' => fill,
+              'style'  => {
+                'opacity' => opacity,
+                'stroke-width' => "#{block_size}px"
+              }
+            }
+
+            svg.rect(x * square_size + x * block_size * 2 + block_size / 2,
+                     y * square_size + y * block_size * 2 + block_size / 2,
+                     square_size, square_size, styles)
+
+            val     = hex_val(39 - i, 1)
+            opacity = opacity(val)
+            fill    = fill_color(val)
+
+            styles = {
+              'fill'   => 'none',
+              'stroke' => fill,
+              'style'  => {
+                'opacity' => opacity,
+                'stroke-width' => "#{block_size}px"
+              }
+            }
+
+            svg.rect(x * square_size + x * block_size * 2 + block_size / 2 + block_size * 2,
+                     y * square_size + y * block_size * 2 + block_size / 2 + block_size * 2,
+                     block_size * 3, block_size * 3, styles)
+            i += 1
+          end
+        end
+
+        svg
+      end
+    end
+  end
+end

data/lib/geo_pattern/structure_generators/octagons_generator.rb

@@ -0,0 +1,44 @@
+module GeoPattern
+  module StructureGenerators
+    class OctagonsGenerator < BaseGenerator
+      private
+
+      attr_reader :square_size, :tile
+
+      def after_initialize
+        @square_size = map(hex_val(0, 1), 0, 15, 10, 60)
+        @tile        = build_octogon_shape(square_size)
+
+        self.height = self.width = square_size * 6
+      end
+
+      def generate_structure
+        i = 0
+        for y in 0..5
+          for x in 0..5
+            val     = hex_val(i, 1)
+            opacity = opacity(val)
+            fill    = fill_color(val)
+
+            svg.polyline(tile,
+                         'fill'           => fill,
+                         'fill-opacity'   => opacity,
+                         'stroke'         => stroke_color,
+                         'stroke-opacity' => stroke_opacity,
+                         'transform'      => "translate(#{x * square_size}, #{y * square_size})"
+            )
+            i += 1
+          end
+        end
+
+        svg
+      end
+
+      def build_octogon_shape(square_size)
+        s = square_size
+        c = s * 0.33
+        "#{c},0,#{s - c},0,#{s},#{c},#{s},#{s - c},#{s - c},#{s},#{c},#{s},0,#{s - c},0,#{c},#{c},0"
+      end
+    end
+  end
+end

data/lib/geo_pattern/structure_generators/overlapping_circles_generator.rb

@@ -0,0 +1,55 @@
+module GeoPattern
+  module StructureGenerators
+    class OverlappingCirclesGenerator < BaseGenerator
+      private
+
+      attr_reader :scale, :diameter, :radius
+
+      def after_initialize
+        @scale    = hex_val(0, 1)
+        @diameter = map(scale, 0, 15, 25, 200)
+        @radius   = diameter / 2
+
+        self.height = self.width = radius * 6
+      end
+
+      def generate_structure
+        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,
+              'style' => {
+                'opacity' => opacity
+              }
+            }
+
+            svg.circle(x * radius, y * radius, radius, styles)
+
+            # Add an extra one at top-right, for tiling.
+            if (x == 0)
+              svg.circle(6 * radius, y * radius, radius, styles)
+            end
+
+            # Add an extra row at the end that matches the first row, for tiling.
+            if (y == 0)
+              svg.circle(x * radius, 6 * radius, radius, styles)
+            end
+
+            # Add an extra one at bottom-right, for tiling.
+            if x == 0 && y == 0
+              svg.circle(6 * radius, 6 * radius, radius, styles)
+            end
+            i += 1
+          end
+        end
+
+        svg
+      end
+    end
+  end
+end

data/lib/geo_pattern/structure_generators/overlapping_rings_generator.rb

@@ -0,0 +1,55 @@
+module GeoPattern
+  module StructureGenerators
+    class OverlappingRingsGenerator < BaseGenerator
+      private
+
+      attr_reader :scale, :ring_size, :stroke_width
+
+      def after_initialize
+        @scale        = hex_val(0, 1)
+        @ring_size    = map(scale, 0, 15, 10, 60)
+        @stroke_width = ring_size / 4
+
+        self.height = self.width = ring_size * 6
+      end
+
+      def generate_structure
+        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'   => 'none',
+              'stroke' => fill,
+              'style'  => {
+                'opacity' => opacity,
+                'stroke-width' => "#{stroke_width}px"
+              }
+            }
+
+            svg.circle(x * ring_size, y * ring_size, ring_size - stroke_width / 2, styles)
+
+            # Add an extra one at top-right, for tiling.
+            if (x == 0)
+              svg.circle(6 * ring_size, y * ring_size, ring_size - stroke_width / 2, styles)
+            end
+
+            if (y == 0)
+              svg.circle(x * ring_size, 6 * ring_size, ring_size - stroke_width / 2, styles)
+            end
+
+            if x == 0 && y == 0
+              svg.circle(6 * ring_size, 6 * ring_size, ring_size - stroke_width / 2, styles)
+            end
+            i += 1
+          end
+        end
+
+        svg
+      end
+    end
+  end
+end

data/lib/geo_pattern/structure_generators/plaid_generator.rb

@@ -0,0 +1,55 @@
+module GeoPattern
+  module StructureGenerators
+    class PlaidGenerator < BaseGenerator
+      private
+
+      def generate_structure
+        local_height = 0
+        local_width  = 0
+
+        # horizontal stripes
+        i = 0
+        18.times do
+          space   = hex_val(i, 1)
+          local_height += space + 5
+
+          val           = hex_val(i + 1, 1)
+          opacity       = opacity(val)
+          fill          = fill_color(val)
+          stripe_height = val + 5
+
+          svg.rect(0, local_height, '100%', stripe_height,
+                   'opacity'   => opacity,
+                   'fill'      => fill
+          )
+          local_height += stripe_height
+          i += 2
+        end
+
+        # vertical stripes
+        i = 0
+        18.times do
+          space  = hex_val(i, 1)
+          local_width += space + 5
+
+          val          = hex_val(i + 1, 1)
+          opacity      = opacity(val)
+          fill         = fill_color(val)
+          stripe_width = val + 5
+
+          svg.rect(local_width, 0, stripe_width, '100%',
+                   'opacity'   => opacity,
+                   'fill'      => fill
+          )
+          local_width += stripe_width
+          i += 2
+        end
+
+        self.height = local_height
+        self.width  = local_width
+
+        svg
+      end
+    end
+  end
+end

data/lib/geo_pattern/structure_generators/plus_signs_generator.rb

@@ -0,0 +1,62 @@
+module GeoPattern
+  module StructureGenerators
+    class PlusSignsGenerator < BaseGenerator
+      private
+
+      attr_reader :square_size, :plus_size, :plus_shape
+
+      def after_initialize
+        @square_size = map(hex_val(0, 1), 0, 15, 10, 25)
+        @plus_size   = square_size * 3
+        @plus_shape  = build_plus_shape(square_size)
+
+        self.height = self.width = square_size * 12
+      end
+
+      def generate_structure
+        i = 0
+        for y in 0..5
+          for x in 0..5
+            val     = hex_val(i, 1)
+            opacity = opacity(val)
+            fill    = fill_color(val)
+            dx      = (y % 2 == 0) ? 0 : 1
+
+            styles = {
+              'fill'           => fill,
+              'stroke'         => stroke_color,
+              'stroke-opacity' => stroke_opacity,
+              'style'          => {
+                'fill-opacity' => opacity
+              }
+            }
+
+            svg.group(plus_shape, styles.merge(
+                                    'transform' => "translate(#{x * plus_size - x * square_size + dx * square_size - square_size},#{y * plus_size - y * square_size - plus_size / 2})"))
+
+            # Add an extra column on the right for tiling.
+            if (x == 0)
+              svg.group(plus_shape, styles.merge(
+                                      'transform' => "translate(#{4 * plus_size - x * square_size + dx * square_size - square_size},#{y * plus_size - y * square_size - plus_size / 2})"))
+            end
+
+            # Add an extra row on the bottom that matches the first row, for tiling.
+            if (y == 0)
+              svg.group(plus_shape, styles.merge(
+                                      'transform' => "translate(#{x * plus_size - x * square_size + dx * square_size - square_size},#{4 * plus_size - y * square_size - plus_size / 2})"))
+            end
+
+            # Add an extra one at top-right and bottom-right, for tiling.
+            if x == 0 && y == 0
+              svg.group(plus_shape, styles.merge(
+                                      'transform' => "translate(#{4 * plus_size - x * square_size + dx * square_size - square_size},#{4 * plus_size - y * square_size - plus_size / 2})"))
+            end
+            i += 1
+          end
+        end
+
+        svg
+      end
+    end
+  end
+end

data/lib/geo_pattern/structure_generators/sine_waves_generator.rb

@@ -0,0 +1,43 @@
+module GeoPattern
+  module StructureGenerators
+    class SineWavesGenerator < BaseGenerator
+      private
+
+      attr_reader :period, :amplitude, :wave_width
+
+      def after_initialize
+        @period     = map(hex_val(0, 1), 0, 15, 100, 400).floor
+        @amplitude  = map(hex_val(1, 1), 0, 15, 30, 100).floor
+        @wave_width = map(hex_val(2, 1), 0, 15, 3, 30).floor
+
+        self.height = wave_width * 36
+        self.width  = period
+      end
+
+      def generate_structure
+        for i in 0..35
+          val      = hex_val(i, 1)
+          opacity  = opacity(val)
+          fill     = fill_color(val)
+          x_offset = period / 4 * 0.7
+
+          styles = {
+            'fill'      => 'none',
+            'stroke'    => fill,
+            'style'     => {
+              'opacity'      => opacity,
+              'stroke-width' => "#{wave_width}px"
+            }
+          }
+
+          str = 'M0 ' + amplitude.to_s +                 ' C ' + x_offset.to_s + ' 0, ' + (period / 2 - x_offset).to_s + ' 0, ' + (period / 2).to_s + ' ' + amplitude.to_s +                 ' S ' + (period - x_offset).to_s + ' ' + (amplitude * 2).to_s + ', ' + period.to_s + ' ' + amplitude.to_s +                 ' S ' + (period * 1.5 - x_offset).to_s + ' 0, ' + (period * 1.5).to_s + ', ' + amplitude.to_s
+
+          svg.path(str, styles.merge('transform' => "translate(-#{period / 4}, #{wave_width * i - amplitude * 1.5})"))
+          svg.path(str, styles.merge('transform' => "translate(-#{period / 4}, #{wave_width * i - amplitude * 1.5 + wave_width * 36})"))
+        end
+
+        svg
+      end
+    end
+  end
+end

data/lib/geo_pattern/structure_generators/squares_generator.rb

@@ -0,0 +1,36 @@
+module GeoPattern
+  module StructureGenerators
+    class SquaresGenerator < BaseGenerator
+      private
+
+      attr_reader :square_size
+
+      def after_initialize
+        @square_size = map(hex_val(0, 1), 0, 15, 10, 60)
+
+        self.height = self.width = square_size * 6
+      end
+
+      def generate_structure
+        i = 0
+        for y in 0..5
+          for x in 0..5
+            val     = hex_val(i, 1)
+            opacity = opacity(val)
+            fill    = fill_color(val)
+
+            svg.rect(x * square_size, y * square_size, square_size, square_size,
+                     'fill'           => fill,
+                     'fill-opacity'   => opacity,
+                     'stroke'         => stroke_color,
+                     'stroke-opacity' => stroke_opacity
+            )
+            i += 1
+          end
+        end
+
+        svg
+      end
+    end
+  end
+end

data/lib/geo_pattern/structure_generators/tessellation_generator.rb

@@ -0,0 +1,103 @@
+module GeoPattern
+  module StructureGenerators
+    class TessellationGenerator < BaseGenerator
+      private
+
+      attr_reader :side_length, :hex_height, :hex_width, :triangle_height, :triangle, :tile_width, :tile_height
+
+      def after_initialize
+        # 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)
+
+        self.height = tile_height
+        self.width  = tile_width
+      end
+
+      def generate_structure
+        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
+
+        svg
+      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
+end