Class: GeoPattern::DiamondPattern

Inherits:
BasePattern show all
Defined in:
lib/geo_pattern/pattern/diamond_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_diamond_shape(width, height) ⇒ Object 



52
53
54
 
# File 'lib/geo_pattern/pattern/diamond_pattern.rb', line 52

def build_diamond_shape(width, height)
  "#{width/2}, 0, #{width}, #{height/2}, #{width/2}, #{height}, 0, #{height/2}"
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
49
50
 
# File 'lib/geo_pattern/pattern/diamond_pattern.rb', line 3

def render_to_svg
  diamond_width  = map(hex_val(0, 1), 0, 15, 10, 50)
  diamond_height = map(hex_val(1, 1), 0, 15, 10, 50)
  diamond        = build_diamond_shape(diamond_width, diamond_height)

  svg.set_width(diamond_width * 6)
  svg.set_height(diamond_height * 3)

  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
      }

      dx = (y % 2 == 0) ? 0 : diamond_width / 2

      svg.polyline(diamond, styles.merge({
        "transform" => "translate(#{x*diamond_width - diamond_width/2 + dx}, #{diamond_height/2*y - diamond_height/2})"}))

      # Add an extra one at top-right, for tiling.
      if (x == 0)
        svg.polyline(diamond, styles.merge({
          "transform" => "translate(#{6*diamond_width - diamond_width/2 + dx}, #{diamond_height/2*y - diamond_height/2})"}))
      end

      # Add an extra row at the end that matches the first row, for tiling.
      if (y == 0)
        svg.polyline(diamond, styles.merge({
          "transform" => "translate(#{x*diamond_width - diamond_width/2 + dx}, #{diamond_height/2*6 - diamond_height/2})"}))
      end

      # Add an extra one at bottom-right, for tiling.
      if (x == 0 and y == 0)
        svg.polyline(diamond, styles.merge({
          "transform" => "translate(#{6*diamond_width - diamond_width/2 + dx}, #{diamond_height/2*6 - diamond_height/2})"}))
      end
      i += 1
    end
  end
end