- Rename **OrbitingSquares**, **spinning_top**.

 - Update **SpinningTop** to reflect most recent commits in the HYPE version.
 - Add HYPE version of **SpinningTop**.
 - Add **TwentyfiveSquares**.

Author: tildebyte

OrbitingSquares/OrbitingSquares.pde renamed to OrbitingSquares_HYPE/OrbitingSquares_HYPE.pde

@@ -26,9 +26,10 @@ from rectcallback import RectCallback
 
 
 def setup():
-    size(800, 800)
+    size(512, 512)
     util.centerX = width / 2
     util.centerY = height / 2
+    frameRate(30)
     H.init(this).background(0xff595E6E)  # #595E6E
     smooth()
     util.colorfield = (HColorField(width, height)
@@ -47,3 +48,6 @@ def setup():
 
 def draw():
     H.drawStage()
+    saveFrame('C:/Users/IBM_ADMIN/Documents/frames/####.tif')
+    if frameCount == 900:
+        exit()

OrbitingSquares/OrbitingSquares.pyde renamed to OrbitingSquares_HYPE/OrbitingSquares_HYPE.pyde

@@ -16,7 +16,7 @@ def run(drawable):
         drawable.strokeWeight(2)\
                 .stroke(0xff000000, 196)\
                 .fill(0xff000000, 100)\
-                .size(random(35, 60))\
+                .size(random(22, 38))\
                 .rounding(2)\
                 .rotation(random(360))\
                 .loc(creationX, creationY)\

OrbitingSquares/parentcallback.py renamed to OrbitingSquares_HYPE/parentcallback.py

@@ -22,7 +22,7 @@ def positionOnOrbit():
     angle = random(TAU)
     # `randint` slightly offsets the position so we don't end up with the
     # visible HRects orbiting on *exact* circles.
-    radius = chooseOrbit() + randint(0, 35)
+    radius = chooseOrbit() + randint(0, 22)
     createX = centerX + (cos(angle) * radius)  # `angle` *must* be radians.
     createY = centerY + (sin(angle) * radius)  #
     return createX, createY
@@ -34,13 +34,13 @@ def chooseOrbit():
     """
     chance = random(1)
     if chance < 0.18:
-        return 100
+        return 64
     elif chance < 0.50:
-        return 200
+        return 128
     elif chance < 0.78:
-        return 325
+        return 208
     elif chance < 1.0:
-        return 450
+        return 288
 
 
 def applyRotation(obj, speed, tolerance):

OrbitingSquares/rectcallback.py renamed to OrbitingSquares_HYPE/rectcallback.py

@@ -13,19 +13,22 @@ from getPaletteCSV import getPaletteCSV
 from top import Top
 
 Top.Palette = getPaletteCSV('Less-Angry_Rainbow_hex.csv')
+Top.StrokeWeight = 2
+Top.Radius = 1.5
 top = None
 
 
 def setup():
-    size(800, 800)
+    size(800, 800, OPENGL)
+    frameRate(60)
     # Initial position in the center of the screen.
     top = Top(width / 2, height / 2)
-    strokeWeight(1)
+    ellipseMode(RADIUS)
     smooth()
 
 
 def draw():
-    fill(255, 10)
+    fill(0, 10)
     noStroke()
     rect(0, 0, width, height)
     top.move(width, height, radians(frameCount))

OrbitingSquares/util.py renamed to OrbitingSquares_HYPE/util.py

@@ -3,6 +3,8 @@ class Top(object):
     Palette = []
     MinDelta = 0.5
     MaxDelta = 1
+    StrokeWeight = 1
+    Radius = 0.5
 
     def __init__(self, x, y):
         self.pathX = x
@@ -55,27 +57,28 @@ def drawMe(self):
         tipColor = Top.getColor(self.findAngle('tip'))
         handColor = Top.getColor(self.findAngle('hand'))
         fill(tipColor)
-        ellipse(self.tipX, self.tipY, 3, 3)
+        ellipse(self.tipX, self.tipY, Top.Radius, Top.Radius)
         fill(handColor)
-        ellipse(self.handX, self.handY, 3, 3)
+        ellipse(self.handX, self.handY, Top.Radius, Top.Radius)
+        strokeWeight(Top.StrokeWeight)
         stroke(lerpColor(tipColor, handColor, 0.5))
         line(self.tipX, self.tipY, self.handX, self.handY)
 
     # For debug.
     def drawMeNot(self):
         noStroke()
         fill(0, 0, 255)
-        ellipse(self.pathX, self.pathY, 3, 3)
+        ellipse(self.pathX, self.pathY, Top.Radius, Top.Radius)
         fill(0, 255, 0)
-        ellipse(self.tipX, self.tipY, 3, 3)
+        ellipse(self.tipX, self.tipY, Top.Radius, Top.Radius)
         fill(255, 0, 0)
-        ellipse(self.handX, self.handY, 3, 3)
+        ellipse(self.handX, self.handY, Top.Radius, Top.Radius)
 
     @classmethod
-    def getColor(cls, index):
+    def getColor(cls, angle):
         # Map the range of angles to the range of the entire palette.
         #         We retrieve the color as rgb.
-        r, g, b = Top.Palette[int(map(index, 0, TAU, 0, 817))].rgb
+        r, g, b = Top.Palette[int(map(angle, 0, TAU, 0, 945))].rgb
 
         # Convert color elements from `float` to `int`.
         return color(r * 255, g * 255, b * 255)

spinning_top/spinning_top.pyde renamed to SpinningTop/SpinningTop.pyde

@@ -0,0 +1,64 @@
+/*
+ * Creative Coding
+ * Week 3, 04 - spinning top: curved motion with sin() and cos()
+ * by Indae Hwang and Jon McCormack
+ * Copyright (c) 2014 Monash University
+ *
+ * This sketch is the first cut at translating the motion of a spinning top
+ * to trace a drawing path. This sketch traces a path using sin() and cos()
+ *
+ */
+
+float x, y;      // current drawing position
+float dx, dy;    // change in position at each frame
+float rad;       // radius for the moving hand
+
+void setup() {
+  size(500, 500);
+
+  // initial position in the centre of the screen
+  x = width/2;
+  y = height/2;
+
+  // dx and dy are the small change in position each frame
+  dx = random(-1, 1);
+  dy = random(-1, 1);
+}
+
+
+void draw() {
+  fill(#202020, 10);
+  noStroke();
+  rect(0, 0, width, height);
+  rad = radians(frameCount);
+
+  // calculate new position
+  x += dx;
+  y += dy;
+
+  float max = 1;
+  float min = 0.5;
+
+  //When the shape hits the edge of the window, it reverses its direction and changes velocity
+  if (x > width-100 || x < 100) {
+    dx = dx > 0 ? -random(min, max) : random(min, max);
+  }
+
+  if (y > height-100 || y < 100) {
+    dy = dy > 0 ? -random(min, max) : random(min, max);
+  }
+
+  float bx = x + 100 * sin(rad);
+  float by = y + 100 * cos(rad);
+
+  fill(180);
+
+  float radius = 100 * sin(rad*0.1);
+  float handX = bx + radius * sin(rad*3);
+  float handY = by + radius * cos(rad*3);
+
+  stroke(255, 100);
+  // line(bx, by, handX, handY);
+  ellipse(handX, handY, 2, 2);
+}
+

spinning_top/data/Less-Angry_Rainbow_hex.csv renamed to SpinningTop/data/Less-Angry_Rainbow_hex.csv

@@ -0,0 +1,49 @@
+'''
+Adapted from:
+    Creative Coding
+    Week 3, 04 - spinning top: curved motion with sin() and cos()
+    by Indae Hwang and Jon McCormack
+    Copyright (c) 2014 Monash University
+
+    This sketch is the first cut at translating the motion of a spinning top
+    to trace a drawing path. This sketch traces a path using sin() and cos()
+
+and ported to Processing.py/Processing 2.1/HYPE
+by Ben Alkov, 30 July - 8 Sept 2014
+
+The only thing left from the original sketch is the math describing the motion.
+'''
+
+from hype.core.util import H
+from hype.extended.drawable import HCanvas
+
+from getPaletteCSV import getPaletteCSV
+
+from top import Top
+
+
+Top.Palette = getPaletteCSV('Less-Angry_Rainbow_hex.csv')
+Top.StrokeWeight = 2
+Top.Radius = 1.5
+top = None
+
+
+def setup():
+    size(512, 512, OPENGL)
+    frameRate(30)
+    H.init(this).background(0xff000000)
+    smooth()
+    canvas = H.add(HCanvas()).autoClear(False).fade(1)
+    # Initial position in the center of the screen.
+    top = Top(width / 2, height / 2)
+    canvas.add(top.lineDrawable)
+    canvas.add(top.handDrawable)
+    canvas.add(top.tipDrawable)
+
+
+def draw():
+    top.update(width, height, radians(frameCount))
+    H.drawStage()
+    saveFrame('C:/Users/IBM_ADMIN/Documents/frames/####.tif')
+    if frameCount == 900:
+        exit()