WOVNS examples

Author: monkstone

examples/WOVNS/README.md

@@ -0,0 +1,6 @@
+[WOVNS][wovns] is a San Francisco based company that is a textile studio and technology platform, giving designers access to the means of textile production.
+David M. Ellis has created a set of vanilla processing examples producing [WOVNS][wovns] compatible designs, see his work on [github][github] and this [tutorial][tutorial] that he has produced for [WOVNS][wovns]. Here we show how you can use the ruby language to achieve the same result, in much more elegant code (certainly if you are rubyist for loops are plain ugly).
+
+[wovns]:http://www.wovns.com/
+[github]:https://github.com/damellis/wovns-processing-examples
+[tutorial]:http://www.wovns.com/tutorials/designing-computational-textiles-with-processing/

examples/WOVNS/cross_hatch.rb

@@ -0,0 +1,45 @@
+#!/usr/bin/env jruby
+# frozen_string_literal: true
+require 'propane'
+# Divan Quality, Landscape 1 Palette
+# This draws a cross-hatch pattern, i.e. a grid of cells, each of which contains
+# multiple lines. The lines in each cell alternate between horizontal and vertical.
+
+# the number of stripes to draw in each cell of the grid
+class CrossHatch < Propane::App
+  NUM_STRIPES = 5
+
+  def settings
+    size(2400, 6372) # 13.5" x 36", 177 DPI
+    no_smooth
+  end
+
+  def setup
+    sketch_title 'Cross Hatch'
+    background(color('#050406')) # Black Satin
+    stroke(color('#C2C2BF')) # Pearl
+    strokeWeight(10) # draw lines 10 pixels thick
+    # the width and height of each cell of the grid
+    w = width / 18
+    h = height / 48
+    # the distance between stripes
+    w2 = w / NUM_STRIPES
+    h2 = h / NUM_STRIPES
+    grid(w, h) do |col, row|
+      (0..NUM_STRIPES).each do |i|
+        if (row + col).even?
+          # horizontal lines
+          line(w * col + w2 / 2, h * row + i * h2 + h2 / 2,
+          w * (col + 1) - w2 / 2, h * row + i * h2 + h2 / 2)
+        else
+          # vertical lines
+          line(w * col + i * w2 + w2 / 2, h * row + h2 / 2,
+          w * col + i * w2 + w2 / 2, h * (row + 1) - h2 / 2)
+        end
+      end
+    end
+    save(data_path('hatch.png'))
+  end
+end
+
+CrossHatch.new

examples/WOVNS/data/circles.svg

@@ -0,0 +1 @@
+-XX:InlineSmallCode=500 -Xms1024m -Xmx2048m

examples/WOVNS/data/java_args.txt

@@ -0,0 +1,35 @@
+#!/usr/bin/env jruby
+require 'propane'
+# Talma Quality, Spectrum 19 Palette
+
+class RandomGaussian < Propane::App
+  GRID = 7 # 1/12"
+
+  def settings
+    size(3984, 3000)
+    no_smooth
+  end
+
+  def setup
+    sketch_title 'Random Gaussian'
+    background(color('#8B8795')) # Suva
+    no_stroke
+    fill(color('#302D32')) # Matte Black
+    0.step(by: GRID, to: width) do |x|
+      # threshold based on a gaussian function (bell curve) that gives
+      # a number between 1 in the middle of the screen and 0 at the left
+      # and right edges. the 8.0 adjusts the width of the bell, i.e.
+      # how quickly the value drops to 0 as you move towards the edges of
+      # the screen.
+      threshold = Math.exp(-8.0 * (0.5 - (x.to_f / width)) * (0.5 - (x.to_f / width)))
+      0.step(by: GRID, to: height) do |y|
+        # generate a random number between 0 and 1 and compare it to the
+        # threshold. if it's less than the threshold, draw a small square.
+        rect(x, y, GRID, GRID) if (rand < threshold)
+      end
+    end
+    save(data_path('gaussian.png'))
+  end
+end
+
+RandomGaussian.new

examples/WOVNS/gaussian.rb

@@ -0,0 +1,32 @@
+#!/usr/bin/env jruby
+# frozen_string_literal: true
+require 'propane'
+# takes a bit of time to render
+# Divan Quality, Pastel 2 Palette
+class GeometricGrid < Propane::App
+  PALETTE = %w(#D1D2EA #BFCDE5 #ABC1E5 #EEC3C3 #FFE4F3 #FFEEF8).freeze
+  STEP = 133
+
+  def settings
+    size(2400, 6372) # 13.5" x 36", 177 DPI
+    no_smooth
+  end
+
+  attr_reader :couluers
+
+  def setup
+    sketch_title 'Geometric Grid'
+    @couluers = web_to_color_array(PALETTE)
+    background(color('#6984B8')) # Buscabulla
+    no_stroke
+    w = width / 18
+    h = height / 48
+    grid(width, height, STEP, STEP - 1) do |col, row|
+      fill(couluers[(row * 1 / 132).to_i % couluers.length])
+      rect(col + w / 8, row + h / 8, w * 3 / 4, h * 3 / 4)
+    end
+    save(data_path('grid.png'))
+  end
+end
+
+GeometricGrid.new

examples/WOVNS/geometric_grid4.rb

@@ -0,0 +1,43 @@
+#!/usr/bin/env jruby
+# frozen_string_literal: true
+require 'propane'
+# Talma Quality, Landscape 18 Palette
+class Plaid < Propane::App
+  INCH = 84
+  STRPE = INCH * 3
+
+  def settings
+    size(3984, 3000) # 46-48" x 36" at 84 DPI
+    no_smooth #
+  end
+
+  def setup
+    sketch_title 'Plaid'
+    background(color('#000500')) # Black Feather
+    no_stroke # Draw vertical stripes every three inches.
+    fill(color('#0D644C')) # Malachite
+    0.step(by: STRPE, to: width) do |x|
+      rect(x, 0, INCH, height) # one inch wide, full-height stripes
+    end
+    # Draw stripes every three inches along the height.
+    fill(color('#B9B34B')) # Black & Gold
+    0.step(by: STRPE, to: height) do |y|
+      # For each value of y, draw five stripes, at:
+      # y, y + 21, y + 42, y + 63, and y + 84.
+      5.times do |i|
+        rect(0, y + i * 21, width, 10)
+      end
+    end
+    # Combine the two loops (using JRubyArt grid) to draw a different color where
+    # the horizontal and vertical stripes intersect.
+    fill(color('#6A8E51')) # Peridot
+    grid(width, height, STRPE, STRPE) do |x, y|
+      5.times do |i|
+        rect(x, y + i * 21, INCH, 10)
+      end
+    end
+    save(data_path('plaid.png'))
+  end
+end
+
+Plaid.new

examples/WOVNS/plaid.rb

@@ -0,0 +1,69 @@
+#!/usr/bin/env jruby
+# frozen_string_literal: true
+require 'propane'
+# takes quite a long time to render
+
+class RandomGrid < Propane::App
+  PALETTE = %w(#74AED7 #FFE4F3 #FEE597).freeze
+  COULEURS = %i(ciel pinking yolk).freeze
+  STEP = 84
+  attr_reader :shapes, :web
+
+  def settings
+    size 2400, 6372, P2D
+  end
+
+  def setup
+    sketch_title 'Random Grid'
+    @web = COULEURS.zip(web_to_color_array(PALETTE)).to_h
+    no_stroke
+    shapeOne = createShape(ELLIPSE, 0, 0, 20, 20)
+    shapeOne.setFill(web[:pinking])
+    shapeTwo = createShape(GROUP)
+    one = createShape(ELLIPSE, 42, 42, 20, 20)
+    one.setFill(web[:pinking])
+    two = createShape(ELLIPSE, 21, 21, 20, 20)
+    one.setFill(web[:yolk])
+    shapeTwo.addChild(one)
+    shapeTwo.addChild(two)
+    shapeThree = createShape(GROUP)
+    base = createShape(ELLIPSE, 0, 0, 20, 20)
+    base.setFill(web[:pinking])
+    three = createShape(ELLIPSE, 21, 21, 20, 20)
+    three.setFill(web[:pinking])
+    four = createShape(ELLIPSE, 42, 42, 20, 20)
+    four.setFill(web[:yolk])
+    shapeThree.addChild(base)
+    shapeThree.addChild(three)
+    shapeThree.addChild(four)
+    shapeFour = createShape(GROUP)
+    five = createShape(ELLIPSE, 0, 0, 20, 20)
+    five.setFill(web[:pinking])
+    six = createShape(ELLIPSE, 21, 21, 20, 20)
+    six.setFill(web[:pinking])
+    seven = createShape(ELLIPSE, 42, 42, 20, 20)
+    seven.setFill(web[:pinking])
+    eight = createShape(ELLIPSE, 63, 63, 20, 20)
+    eight.setFill(web[:yolk])
+    shapeFour.addChild(five)
+    shapeFour.addChild(six)
+    shapeFour.addChild(seven)
+    shapeFour.addChild(eight)
+    @shapes = [shapeOne, shapeTwo, shapeThree, shapeFour]
+  end
+
+  def draw
+    background(web[:ciel]) # Sky blue
+    grid(width, height, STEP, STEP) do |col, row|
+      push_matrix
+      translate col, row
+      rkey = rand(0..6)
+      shape(shapes[rkey]) if rkey < 4
+      pop_matrix
+    end
+    save(data_path('random.png'))
+    no_loop
+  end
+end
+
+RandomGrid.new

examples/WOVNS/random_grid.rb

@@ -0,0 +1,63 @@
+#!/usr/bin/env jruby
+# frozen_string_literal: true
+require 'propane'
+# Divan Quality, Spectrum 19 Palette
+# the size of the generated image (should match the WOVNS quality)
+class Repeats < Propane::App
+  WIDTH = 2400
+  HEIGHT = 6372
+  PALETTE = %w(#050505 #B83D4E #FFFFFF).freeze
+  COULEURS = %i(petrol geranium white).freeze
+  STRPE = 500
+
+  # how many repeats of the generated image to show on-screen
+  X_REPEATS = 4 # match the number of horizontal repeats in the Divan quality
+  Y_REPEATS = 2 # show two yards vertically
+
+  # scale down the on-screen display by this much
+  SCALE = 18
+
+  attr_reader :web
+
+  def settings
+    size(WIDTH / SCALE * X_REPEATS, HEIGHT / SCALE * Y_REPEATS)
+    no_smooth
+  end
+
+  def setup
+    sketch_title 'Repeats'
+    @web = COULEURS.zip(web_to_color_array(PALETTE)).to_h
+    pg = create_graphics(WIDTH, HEIGHT)
+    pg.no_smooth
+    pg.begin_draw
+    background(web[:petrol])
+    pg.background(web[:petrol])
+    # draw to the saved image
+    draw_one(pg)
+    stroke(web[:white])
+    line(width / X_REPEATS, 0, width / X_REPEATS, height / Y_REPEATS)
+    line(0, height / Y_REPEATS, width / X_REPEATS, height / Y_REPEATS)
+    grid(X_REPEATS, Y_REPEATS) do |i, j|
+      push_matrix # save coordinate system
+      # translate to the current repeat
+      translate(i * width / X_REPEATS, j * height / Y_REPEATS)
+      clip(0, 0, width / X_REPEATS + 1, height / Y_REPEATS + 1)
+      scale(1.0 / SCALE, 1.0 / SCALE)
+      # draw to the screen
+      draw_one(g)
+      pop_matrix # restore coordinate system
+    end
+    pg.end_draw
+    pg.save(data_path('repeat.png'))
+  end
+
+  # Draw one division of one repeat.
+  def draw_one(graphics)
+    graphics.stroke_weight(177)
+    graphics.stroke(web[:geranium])
+    graphics.line(0, 0, 2400, 6372)
+    graphics.line(2400, 0, 0, 6372)
+  end
+end
+
+Repeats.new

examples/WOVNS/repeats.rb

@@ -0,0 +1,33 @@
+# Talma Quality, Spectrum 2 Palette
+PALETTE = %w(#D5C9D9 #B83D4E #95577E #A884A1).freeze
+COULEURS = %i(pink_pearl geranium orchid lilac).freeze
+STRPE = 500
+
+def settings
+  size(3984, 3000) # dimensions in pixels (corresponds to 46-48" x 36" at 84 DPI)
+  no_smooth
+end
+
+def setup
+  sketch_title 'Horizontal Stripes'
+  web = COULEURS.zip(web_to_color_array(PALETTE)).to_h
+  background(web[:pink_pearl]) # draw the background
+  no_stroke # don't draw outlines around shapes
+
+  # Draw stripes at y = 0, 500, 1000, 1500, 2000, and 2500.
+  # Note that we're using the special variable "height", which is the height
+  # of the canvas (3000 pixels as specified in the call to size() above).
+  0.step(by: STRPE, to: height) do |y|
+    # Draw the first stripe using the rect() function.
+    # Note that we're using the special variable "width", the analogue of
+    # "height". Its value is 3984.
+    fill(web[:geranium]) # set the color of the first rectangle
+    rect(0, y, width, 84) # corner at (0, y). full width, 84 pixels high.
+    # Draw two shorter stripes.
+    fill(web[:orchid])
+    rect(0, y + 84 + 21, width, 10) # start 21 pixels (1/4") below the first stripe
+    fill(web[:lilac])
+    rect(0, y + 84 + 42, width, 10) # start 42 pixels (1/2") below the first stripe
+  end
+  save(data_path('stripes.png')) # save the output to data folder
+end