let's get this party started

Author: jashkenas

README

@@ -1 +1,30 @@
-let's roll
+___  / ___________ _________________(_)_____________ _
+__  /  _  _ \  __ `/_  ___/_  __ \_  /__  __ \_  __ `/
+_  /___/  __/ /_/ /_  /   _  / / /  / _  / / /  /_/ / 
+/_____/\___/\__,_/ /_/    /_/ /_//_/  /_/ /_/_\__, /  
+                                             /____/   
+________                                      _____                
+___  __ \________________________________________(_)_____________ _
+__  /_/ /_  ___/  __ \  ___/  _ \_  ___/_  ___/_  /__  __ \_  __ `/
+_  ____/_  /   / /_/ / /__ /  __/(__  )_(__  )_  / _  / / /  /_/ / 
+/_/     /_/    \____/\___/ \___//____/ /____/ /_/  /_/ /_/_\__, /  
+                                                          /____/   
+          ________________       ________       ______          
+___      ____(_)_  /___  /_      ___  __ \___  ____  /______  __
+__ | /| / /_  /_  __/_  __ \     __  /_/ /  / / /_  __ \_  / / /
+__ |/ |/ /_  / / /_ _  / / /     _  _, _// /_/ /_  /_/ /  /_/ / 
+____/|__/ /_/  \__/ /_/ /_/      /_/ |_| \__,_/ /_.___/_\__, /  
+                                                       /____/ 
+
+
+"Learning Processing" is a 2008 book that serves as a gentle introduction to 
+the theory and practice of programming. It works by introducing code concepts 
+over the course of 23 chapters, and creating a series of examples that build 
+on them. The book was written by professor Daniel Shiffman of the ITP in 
+New York City.
+
+More information about the book can be found at:
+http://www.learningprocessing.com/
+
+These samples have been ported over to Ruby-Processing, which can be found here:
+http://wiki.github.com/jashkenas/ruby-processing

chapter_01/1_stroke_and_fill.rb

@@ -0,0 +1,18 @@
+# This is the simplest form of a Ruby-Processing sketch. A simple sequence
+# of instructions that are run a single time to paint a picture.
+
+# Stretch the canvas to 200 pixels wide by 200 pixels tall.
+size 200, 200
+
+# Paint the background white.
+background 255
+
+# Set the color of strokes to black.
+stroke 0
+
+# Set the color of fills to middle gray.
+fill 150
+
+# Draw a rectangle 50 pixels over and 50 pixels down from the top left corner,
+# with a width of 75 pixels and a height of 100.
+rect 50, 50, 75, 100

chapter_01/2_nofill.rb

@@ -0,0 +1,20 @@
+# Here we introduce a slightly more sophisticated version of a Ruby-Processing
+# sketch. The code inside of the setup is run a single time, at the beginning.
+def setup
+  size 200, 200
+  smooth
+  background 255
+  # In Ruby, methods and variables are under_scored instead of camelCased
+  no_fill
+  stroke 0
+  # You might notice that there are no parenthesis or semicolons.
+  # That's because they're optional.
+  ellipse 60, 60, 100, 100
+  # This line works too:
+  ellipse(60, 60, 100, 100);
+end
+
+# And the code inside of draw, if there were any, would be drawn over and over.
+def draw
+  
+end

chapter_01/3_rgb_color.rb

@@ -0,0 +1,19 @@
+# RGB color is specified by intensity of red, then green, then blue.
+
+size 200, 200
+smooth
+
+background 255
+no_stroke
+
+# Bright red
+fill 255, 0, 0
+ellipse 20, 20, 16, 16
+
+# Dark red
+fill 127, 0, 0
+ellipse 40, 20, 16, 16
+
+# Pink
+fill 255, 200, 200
+ellipse 60, 20, 16, 16

chapter_01/4_alpha_transparency.rb

@@ -0,0 +1,42 @@
+# This sketch introduces the fuller version of a Ruby-Processing sketch,
+# and demonstrates what's really going on behind the scenes when you make
+# one of the simpler sketches, with just a setup method.
+
+# A sketch is a class that inherits from the Processing::App, which works
+# very much along the lines of a PApplet in Processing. 
+class AlphaTransparency < Processing::App
+
+  def setup
+    background 0 
+    no_stroke
+    
+    # No fourth argument means 100% opacity
+    fill 0, 0, 255
+    rect 0, 0, 100, 200
+    
+    # 255 means 100% opacity
+    fill 255, 0, 0, 255
+    rect 0, 0, 200, 40
+    
+    # 75% opacity
+    fill 255, 0, 0, 191
+    rect 0, 50, 200, 40
+    
+    # 55% opacity
+    fill 200, 0, 0, 127
+    rect 0, 100, 200, 40
+    
+    # 25% opacity
+    fill 255, 0, 0, 63
+    rect 0, 150, 200, 40
+  end
+  
+  def draw
+  
+  end
+  
+end
+
+# After defining your sketch, you create one.
+# If you prefer, you may set the width, height, and title as you create it.
+AlphaTransparency.new :title => "Alpha Transparency", :width => 200, :height => 200

chapter_01/5_zoog.rb

@@ -0,0 +1,24 @@
+size 200, 200
+background 255 
+smooth  
+ellipse_mode CENTER 
+rect_mode CENTER  
+
+# Body
+stroke 0 
+fill 150 
+rect 100, 100, 20, 100 
+
+# Head
+fill 255 
+ellipse 100, 70, 60, 60  
+
+# Eyes
+fill 0  
+ellipse 81, 70, 16, 32  
+ellipse 119, 70, 16, 32 
+
+# Legs
+stroke 0 
+line 90, 150, 80, 160 
+line 110, 150, 120, 160 

chapter_02/1_zoog_again.rb

@@ -0,0 +1,41 @@
+# Let's do Zoog again, as part of a complete sketch, showing the class for it, 
+# with setup and draw methods, and sketch creation at the bottom.
+
+
+class ZoogAgain < Processing::App
+
+  def setup
+    background 255 
+    smooth  
+    
+    # Set ellipses and rects to CENTER mode
+    ellipse_mode CENTER 
+    rect_mode CENTER  
+
+    # Draw Zoog's body
+    stroke 0 
+    fill 150 
+    rect 100, 100, 20, 100 
+
+    # Draw Zoog's head
+    fill 255 
+    ellipse 100, 70, 60, 60  
+
+    # Draw Zoog's eyes
+    fill 0  
+    ellipse 81, 70, 16, 32  
+    ellipse 119, 70, 16, 32 
+
+    # Draw Zoog's legs
+    stroke 0 
+    line 90, 150, 80, 160 
+    line 110, 150, 120, 160 
+  end
+  
+  def draw
+  
+  end
+  
+end
+
+ZoogAgain.new :title => "Zoog Again", :width => 200, :height => 200

chapter_03/1_zoog_as_dynamic_sketch.rb

@@ -0,0 +1,44 @@
+require 'ruby-processing'
+
+class ZoogAsDynamicSketch < Processing::App
+
+  # Setup runs first one time.
+  # In Ruby-Processing, you never need to call size(),
+  # just set the width and height when you instantiate the sketch,
+  # at the bottom.
+  def setup
+  
+  end
+  
+  # Draw loops continuously until you close the sketch window.
+  def draw
+    # Draw a white background
+    background 255 
+    
+    # Set CENTER mode
+    ellipse_mode CENTER 
+    rect_mode CENTER  
+
+    # Draw Zoog's body
+    stroke 0 
+    fill 150 
+    rect 100, 100, 20, 100 
+
+    # Draw Zoog's head
+    fill 255 
+    ellipse 100, 70, 60, 60  
+
+    # Draw Zoog's eyes
+    fill 0  
+    ellipse 81, 70, 16, 32  
+    ellipse 119, 70, 16, 32 
+
+    # Draw Zoog's legs
+    stroke 0 
+    line 90, 150, 80, 160 
+    line 110, 150, 120, 160
+  end
+  
+end
+
+ZoogAsDynamicSketch.new :title => "Zoog As Dynamic Sketch", :width => 200, :height => 200

chapter_03/2_mouse_x_and_mouse_y.rb

@@ -0,0 +1,26 @@
+require 'ruby-processing'
+
+class MouseXAndMouseY < Processing::App
+
+  def setup
+
+  end
+  
+  def draw
+    # Try moving background to setup and see the difference!
+    background 255
+    
+    # Body
+    stroke 0
+    fill 175
+    rect_mode CENTER
+    
+    # mouse_x is a keyword that the sketch replaces with the 
+    # horizontal position of the mouse.
+    # mouse_y gets the vertical position.
+    rect mouse_x, mouse_y, 50, 50
+  end
+  
+end
+
+MouseXAndMouseY.new :title => "Mouse X And Mouse Y", :width => 200, :height => 200

chapter_03/3_zoog_as_dynamic_sketch_with_variation.rb

@@ -0,0 +1,41 @@
+require 'ruby-processing'
+
+class ZoogAsDynamicSketchWithVariation < Processing::App
+
+  def setup
+    smooth
+  end
+  
+  def draw
+    background 255 # Draw a white background
+    
+    # Set ellipses and rects to CENTER mode
+    ellipse_mode CENTER 
+    rect_mode CENTER  
+
+    # Draw Zoog's body
+    stroke 0 
+    fill 150 
+    # Zoog's body is drawn at the location (mouse_x, mouse_y)
+    rect mouse_x, mouse_y, 20, 100 
+
+    # Draw Zoog's head
+    stroke 0
+    fill 255
+    # Zoog's head is drawn above the body at the location (mouse_x, mouse_y - 30)
+    ellipse mouse_x, mouse_y - 30, 60, 60  
+
+    # Draw Zoog's eyes
+    fill 0  
+    ellipse 81, 70, 16, 32  
+    ellipse 119, 70, 16, 32 
+
+    # Draw Zoog's legs
+    stroke 0 
+    line 90, 150, 80, 160 
+    line 110, 150, 120, 160
+  end
+  
+end
+
+ZoogAsDynamicSketchWithVariation.new :title => "Zoog As Dynamic Sketch With Variation", :width => 200, :height => 200