Class: GeoPattern::HexagonPattern

Inherits:
BasePattern show all
Defined in:
lib/geo_pattern/pattern/hexagon_pattern.rb

Constant Summary

Constants inherited from BasePattern

BasePattern::FILL_COLOR_DARK, BasePattern::FILL_COLOR_LIGHT, BasePattern::OPACITY_MAX, BasePattern::OPACITY_MIN, BasePattern::STROKE_COLOR, BasePattern::STROKE_OPACITY

Instance Attribute Summary

Attributes inherited from BasePattern

#hash, #svg

Instance Method Summary collapse

Methods inherited from BasePattern

#fill_color, #hex_val, #map, #opacity

Instance Method Details

#build_hexagon_shape(sideLength) ⇒ Object 



50
51
52
53
54
55
 
# File 'lib/geo_pattern/pattern/hexagon_pattern.rb', line 50

def build_hexagon_shape(sideLength)
  c = sideLength
  a = c/2
  b = Math.sin(60 * Math::PI / 180)*c
  "0,#{b},#{a},0,#{a+c},0,#{2*c},#{b},#{a+c},#{2*b},#{a},#{2*b},0,#{b}"
end

#render_to_svg ⇒ Object 



3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
# File 'lib/geo_pattern/pattern/hexagon_pattern.rb', line 3

def render_to_svg
  scale       = hex_val(0, 1)
  side_length = map(scale, 0, 15, 8, 60)
  hex_height  = side_length * Math.sqrt(3)
  hex_width   = side_length * 2
  hex         = build_hexagon_shape(side_length)

  svg.set_width((hex_width * 3) + (side_length * 3))
  svg.set_height(hex_height * 6)

  i = 0
  for y in 0..5
    for x in 0..5
      val     = hex_val(i, 1)
      dy      = x % 2 == 0 ? y*hex_height : y*hex_height + hex_height/2
      opacity = opacity(val)
      fill    = fill_color(val)

      styles = {
        "fill"           => fill,
        "fill-opacity"   => opacity,
        "stroke"         => STROKE_COLOR,
        "stroke-opacity" => STROKE_OPACITY
      }

      svg.polyline(hex, styles.merge({"transform" => "translate(#{x*side_length*1.5 - hex_width/2}, #{dy - hex_height/2})"}))

      # Add an extra one at top-right, for tiling.
      if (x == 0)
        svg.polyline(hex, styles.merge({"transform" => "translate(#{6*side_length*1.5 - hex_width/2}, #{dy - hex_height/2})"}))
      end

      # Add an extra row at the end that matches the first row, for tiling.
      if (y == 0)
        dy = x % 2 == 0 ? 6*hex_height : 6*hex_height + hex_height/2;
        svg.polyline(hex, styles.merge({"transform" => "translate(#{x*side_length*1.5 - hex_width/2}, #{dy - hex_height/2})"}))
      end

       # Add an extra one at bottom-right, for tiling.
      if (x == 0 && y == 0)
        svg.polyline(hex, styles.merge({"transform" => "translate(#{6*side_length*1.5 - hex_width/2}, #{5*hex_height + hex_height/2})"}))
      end
      i += 1
    end
  end
end