codewords

code+words / week 1

+ introductions

First lesson in the codewords studio!! Started with some general introductions about who Andy and Karen are, their experience in the field and why we should, or should not trust them! Their unique introductions definitely reference their personalities and distinctive teaching style that I am already somewhat familiar with from first year. I can already tell that this will be taught unlike any studio I have undertaken thus far, further shown through their really fun multiscreen Collaborate Ultra setup that is far more engaging that seeing your lecturer’s face amplified 5x the normal size on the screen. They also gave us a brief overview of our assignments and what to expect form the course.

+ virtual melbourne

We started our first class in the world of Minecraft. This was a great activity to allow every student to virtually interact in an engaging way beyond the regular online learning experience. My laptop struggled a bit to run both Collaborate Ultra and Minecraft and started making some racecar noises from the fan going into overdrive, but all was well!

+ introduction to processing

function setup() {
createCanvas (500,500);
background (255,0,0);
stroke(0); //the colour of the stroke
strokeWeight(5); //the line thickness
line (100,100,400,400); //(x1,y1,x2,y2) stationary points
}


function draw() {
  
strokeWeight(1);
fill (mouseX, (mouseX+mouseY)/4, mouseY/2);
//rect (100,100,300,300); //rect(x1,y1,width,height)
fill (255-mouseY, (mouseX+mouseY)/4, mouseX/2);
ellipse (mouseX,mouseY,100,100); //centre x, centre y, width, height
}

One of our first in class tutorials was this fun rainbow circles sketch!

function setup() {
createCanvas (500,500);
background (250,248,242);
}


function draw() {
strokeWeight (3);
stroke (250-mouseX, (mouseX+mouseY)/4, mouseX/2);
fill (250-mouseX, (mouseX+mouseY)/4, mouseX/2);
ellipse (250,250,300,175);
stroke (250,248,242);
fill (250,248,242);
ellipse (270,250,130,150);
rect (260,235,150,30);
}

function setup() {
createCanvas (500,500);
background (250,248,242);
}

function draw() {
strokeWeight (3);
stroke (250-mouseX, (mouseX+mouseY)/4, mouseX/2);
line (125,175,125,350);
line (225,350,325,175);
line (100,350,150,350);
line (100,175,125,175);
line (375,175,400,175);
line (300,350,400,350);
strokeWeight (3);
stroke (250-mouseX, (mouseX+mouseY)/4, mouseX/2);
fill (250-mouseX, (mouseX+mouseY)/4, mouseX/2);
rect (325,175,50,175);
quad (125,175,175,175,275,350,225,350);
}

Our first introduction to coding involved becoming acquainted with Processing and p5.js. As someone who had no previous coding experience, I found this tutorial easy to follow and replicate myself, which definitely helped to ease some of the apprehension I felt going into the course. We were asked to attempt the software ourselves and recreate our own initials. I really enjoyed the challenges of this task and the immense satisfaction I felt when I finally succeeded. For my C and M, I really enjoyed using the mouseY and mouseX functions to make the fill change fluidly as you moved your mouse. If I were to do this task again, I might try playing with more abstract letterforms or more functions including the mouseY and mouseX commands to change the size or shape the letter.

[Next Week]