Tom – [OLD SEMESTER] 15-104 • Introduction to Computing for Creative Practice

Tom — Fri, 10 Sep 2021 20:08:46 +0000

function setup() {
    createCanvas(200, 200);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(204);
	ellipse(50, 50, 80, 80);
}

sketch Download

function setup() {
    createCanvas(300, 300);
    background(220);
//    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	if (mouseX < width / 2) {    // left side
		if (mouseY < height / 2) {     // top half
			background(255, 0, 0);
		}
		else {   // bottom half
			background(0, 255, 0);
		}
	}
	else {   // right side
		if (mouseY < height / 2) {  // top half
			background(0, 0, 255);
		}
		else {	// bottom half
			background(0, 0, 0);
		}
	}
}

Tom — Fri, 10 Sep 2021 16:04:26 +0000

project-01 Download

function setup() {
    createCanvas(600, 900);
    background(255);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
    background(2, 3, 200);
    fill(255);
    triangle(400, 650, 475, 850, 325, 850);
    rect(50, 50, 500, 600);
    stroke(0);
    strokeWeight(5);
    noFill();
    triangle(400, 850, 450, 900, 350, 900);
    curve(70, 220, 100, 170, 250, 165,  280, 222);
    curve(270, 222, 300, 165, 450, 170,  480, 220);
    fill(0);
    arc(150, 170, 60, 40, 0, 3);
    arc(350, 170, 60, 40, 0, 3);
    fill(255);
    arc(150, 170, 60, 40, .5, 1);
    arc(350, 170, 60, 40, .5, 1);
    fill(255, 173, 226);
    noStroke();
    ellipse(175, 300, 50, 100);
    ellipse(375, 300, 50, 100);
    fill(250, 160, 210);
    ellipse(175, 300, 40, 40);
    ellipse(375, 300, 40, 40);
    stroke(0);
    strokeWeight(5);
    fill(0);
    curve(200, mouseY/2, 225, 400, 325, 400,  350, mouseY/2);
    noFill();
    curve(70, 100-(mouseY/2), 120, 100, 220, 100,  280, 100+(mouseY/2));
    curve(270, 100+(mouseY/2), 320, 100, 420, 100,  480, 100-(mouseY/2));

}

Tom — Fri, 10 Sep 2021 16:00:41 +0000

sketch Download

Test Post

Tom — Tue, 07 Sep 2021 15:24:27 +0000

Here is a simple program.

sketch Download

function setup() {
    createCanvas(300, 300);
    background(220);
//    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	if (mouseX < width / 2) {    // left side
		if (mouseY < height / 2) {     // top half
			background(255, 0, 0);
		}
		else {   // bottom half
			background(0, 255, 0);
		}
	}
	else {   // right side
		if (mouseY < height / 2) {  // top half
			background(0, 0, 255);
		}
		else {	// bottom half
			background(0, 0, 0);
		}
	}
}

Project 1 – Self Portrait

Tom — Tue, 08 Sep 2020 23:35:37 +0000

This is what I look like in the morning…

morning-portrait

function setup() {
    createCanvas(200, 200);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(204);
	ellipse(50, 50, 80, 80);
}

LO 1 – My inspiration

Tom — Tue, 08 Sep 2020 23:18:40 +0000

Here is where you would enter your blog text.

Pixar is where I would work if I didn’t work at CMU.

Scene from the upcoming PIxar movie, Soul.

Project 01 – Self Portrait

Tom — Tue, 08 Sep 2020 18:07:51 +0000

This is what I look like in the morning.

morning-portrait

function setup() {
    createCanvas(200, 200);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(204);
	ellipse(50, 50, 80, 80);
}

LO1 – My Inspiration

Tom — Tue, 08 Sep 2020 17:44:03 +0000

My inspiration would go here.

Pixar is where I wish I could work if I didn’t work at CMU.

Image from the upcoming Pixar movie, Soul.

Project 1 – Self Portrait

Tom — Tue, 08 Sep 2020 14:32:28 +0000

This is what I look like in the morning.

portrait

function setup() {
    createCanvas(200, 200);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(204);
	ellipse(50, 50, 80, 80);
}

LO – My Inspiration

Tom — Tue, 08 Sep 2020 14:13:05 +0000

This is where your blog would go.

Disney’s Pixar really excites my imagination.

Scene from the movie Soul by Pixar.