Vicci Ho is a writer, film programmer and producer. She has written for Variety and worked for film festivals across the globe, including Toronto International Film Festival, Zurich Film Festival and directed the Hong Kong Lesbian & Gay Film Festival.  She is the President of Janitor Interactive: a production company specializing in games.

This is her personal page.

ICM week 3

This is completed with Kate Sukpisan. This week, we tried to play around with loops, setting conditionals and setting functions. Kate and I worked together to create this pattern created with these new tools at hand.

You can see the web export here:

Week 3 homework

The code is here:

###

int x; boolean button = false;

//button variables float buttonX; float buttonY; float buttonR;

void setup() { size (500, 500); background(255); x = width/10;

buttonX = width/2; buttonY = height/2; buttonR = 10;

smooth(); }

void draw() {

println (mouseX + " ," + mouseY);

//circle 1 (button)

if (button) {

noStroke (); fill (random (50,250), pmouseX, pmouseY, 30); for (float circle2X= 50; circle2X < width; circle2X = circle2X+100) { for (float circle2Y = 50; circle2Y < height; circle2Y = circle2Y+100) { ellipseMode (RADIUS); ellipse (circle2X, circle2Y, 8, 8); } } }

else {

for (int i = 0; i<width;i+=x) { for (int j= 0; j<height; j+=x) { square(i, j); } } } fill (255); noStroke(); ellipseMode (RADIUS); ellipse (buttonX, buttonY, buttonR, buttonR); } void square(int a, int b) { int w = 0; int h = 0; //create an mouse X, mouse Y effect // float xx = map(mouseX, 0, width, 0, x*2); // float yy = map(mouseY, 0, height, 0, x*2); float xx = map (mouseX, 0, width, 0, x*2); float yy = map (mouseY, 0, width, 0, x*2); noStroke(); //square with 4 triangles //triangle 1 beginShape(); if (mouseX>250) { fill (0); } else if (mouseX <= 250) { fill (75, 0, 0); } vertex(a, b); vertex(a+x, b); vertex(a+(xx/2), b+(yy/2)); endShape(); //triangle2 beginShape(); if (mouseY > 250) { fill(50); } else if (mouseY <= 250) { fill (13, 82, 216); } vertex(a+x, b); vertex(a+xx, b+xx); vertex(a+(xx/2), b+(yy/2)); endShape(); //triangle3 fill(100); beginShape(); if (mouseX>250) {

fill(61, 155, 16); }

vertex(a+x, b+x); vertex(a, b+x); vertex(a+(xx/2), b+(yy/2)); endShape();

//triangle4 fill(150); beginShape(); vertex(a, b+x); vertex(a, b); vertex(a+(xx/2), b+(yy/2)); endShape(); } // mouse press

void mousePressed () { if (mouseX > 240 && mouseX 240 && mouseY < 260) { button = !button; } }

Interaction technology: Big Buck Hunter.

Signs.