add hype examples

Author: monkstone

data_path/data/arrow.svg

@@ -0,0 +1,69 @@
+#!/usr/bin/env jruby -v -W2
+# frozen_string_literal: true
+require 'propane'
+# Iconic ruby-processing example for Propane
+class MagneticField < Propane::App
+
+  load_library :hype
+  include_package 'hype'
+  # Use Hype namespace
+  module Hype
+    java_import 'hype.extended.layout.HGridLayout'
+    java_import 'hype.extended.behavior.HMagneticField'
+    java_import 'hype.extended.behavior.HSwarm'
+  end
+
+  attr_reader :pool, :pool_swarm, :field, :swarm
+  NUM_MAGNETS = 10
+
+  def settings
+    size(640, 640)
+  end
+
+  def setup
+    sketch_title 'Magnetic Field'
+    H.init(self)
+    H.background(color('#000000'))
+    @field = Hype::HMagneticField.new
+    NUM_MAGNETS.times do
+      if rand > 0.5
+        # x, y, north polarity / strength =  3 / repel
+        field.add_pole(rand(0..width), rand(0..height), 3)
+      else
+        # x, y, south polarity / strength = -3 / attract
+        field.add_pole(rand(0..width), rand(0..height), -3)
+      end
+    end
+
+    @pool = HDrawablePool.new(2_500)
+    pool.auto_add_to_stage
+    .add(HShape.new(data_path('arrow.svg')).enable_style(false).anchor_at(H::CENTER))
+    .layout(Hype::HGridLayout.new.start_x(-60).start_y(-60).spacing(16, 16).cols(50))
+    .on_create do |obj|
+      obj.no_stroke.anchor(-20, -20)
+      field.add_target(obj)
+    end
+    .requestAll
+
+    @swarm = Hype::HSwarm.new.add_goal(width / 2, height / 2).speed(7).turn_ease(0.03).twitch(20)
+    @pool_swarm = HDrawablePool.new(NUM_MAGNETS)
+    pool_swarm.auto_add_to_stage
+    .add(HRect.new(5))
+    .on_create do |obj|
+      obj.no_stroke.no_fill.loc(rand(0..width), rand(0..width)).visibility(false)
+      swarm.add_target(obj)
+    end
+    .requestAll
+  end
+
+  def draw
+    pool_swarm.each_with_index do |d, i|
+      p = field.pole(i)
+      p.x = d.x
+      p.y = d.y
+    end
+    H.draw_stage
+  end
+end
+
+MagneticField.new

data_path/magnetic_field.rb

@@ -0,0 +1,63 @@
+#!/usr/bin/env jruby -v -W2
+# frozen_string_literal: true
+require 'propane'
+# Iconic ruby-processing example for Propane
+class MethodChaining < Propane::App
+  load_library :hype
+  include_package 'hype'
+  
+  def settings
+    size(640, 640)
+  end
+  
+  def setup
+    sketch_title('Method Chaining')
+    H.init(self)
+    H.background(color('#242424'))
+    rect1 = HRect.new(100)
+    rect1.rounding(10) # set corner rounding
+    rect1.stroke_weight(6) # set stroke weight
+    rect1.stroke(color('#000000'), 150) # set stroke color and alpha
+    rect1.fill(color('#FF6600')) # set fill color
+    rect1.anchor_at(H::CENTER) # set where anchor point is / key point for rotation and positioning
+    rect1.rotation(45) # set rotation of the rect
+    rect1.loc(100, height / 2) # set x and y location
+    H.add(rect1)
+    
+    # here's the same code / with method chaining
+    
+    rect2 = HRect.new(100)
+    rect2.rounding(10)
+    .stroke_weight(6)
+    .stroke(color('#000000'), 150)
+    .fill(color('#FF9900'))
+    .anchor_at(H::CENTER)
+    .rotation(45)
+    .loc(247, height / 2)
+    H.add(rect2)
+    
+    # here's the same code / minus the hard returns and indentation (tabs are bad)
+    
+    rect3 = HRect.new(100)
+    rect3.rounding(10).stroke_weight(6).stroke(color('#000000'), 150).fill(color('#FFCC00')).anchor_at(H::CENTER).rotation(45).loc(394, height / 2)
+    H.add(rect3)
+    
+    H.draw_stage # paint the stage
+    
+    # here is the non HYPE version / basic processing syntax
+    
+    push_matrix
+    stroke_weight(6)
+    stroke(color('#000000'), 150)
+    fill(color('#FF3300'))
+    translate(width - 100, (height / 2))
+    rotate(45.radians)
+    rect(0, 0, 100, 100, 10, 10, 10, 10)
+    pop_matrix
+    stroke_weight(1)
+    stroke(color('#0095a8'))
+    line(0, height / 2, width, height / 2)
+  end
+end
+
+MethodChaining.new