// John Legelis
// Section D
var boat = []
function setup() {
createCanvas(480, 480);
background(0);
}
function draw() {
background(135, 206, 250)
//Land terrain
var land = 0.003;
var landS = 0.00005;
stroke("green");
beginShape();
for (i = 0; i < width; i++) {
var h = (millis() * landS) + (i * land);
var y = map(noise(h), 0, 1, 100, 0);
line(i, y, i, height);
}
endShape();
// Rear wave
var back = 0.0051;
var backS = 0.0002;
stroke(0,142,170);
beginShape();
for (i = 0; i < width; i++) {
var h = (millis() * backS) + (i * back);
var y = map(noise(h), 0, 1, 200, 0);
line(i, y, i, height);
}
endShape();
//probablity that determines if boat is drawn
if (random() < 0.03){
boat.push(makeBoat())
}
//Draw and move the boat if made
for (var h = 0; h < boat.length; h++){
boat[h].draw()
boat[h].move()
}
//middle wave terrain
var mid = 0.0054;
var midS = 0.0004;
stroke(0,153,183);
beginShape();
for (j = 0; j < width; j++) {
var h = (millis() * midS) + (j * mid);
var y = map(noise(h), 0, 1, 300, 200);
line(j, y, j, height);
}
endShape();
//foreground wave
var fore = 0.006;
var foreS = 0.0007;
stroke(0,172,206);
beginShape();
for (j = 0; j < width; j++) {
var h = (millis() * foreS) + (j * fore);
var y = map(noise(h), 0, 1, height, 300);
line(j, y, j, height);
}
endShape();
}
//object containig boat
function makeBoat(){
var bo = {x:480, y: 230, move: moveBoat, draw: drawBoat}
return bo
}
//what boat looks like
function drawBoat(){
var randsailH = random(30,50)
noStroke()
fill("brown")
rect(this.x, this.y, 60,20)
fill("white")
triangle(this.x + 10, this.y, this.x + 35, this.y - randsailH, this.x + 25, this.y)
triangle(this.x + 40, this.y, this.x + 65, this.y - randsailH, this.x + 55, this.y)
}
// Move that boat
function moveBoat(){
this.x = this.x - 4
}
This week’s sketch was a rather large undertaking as it involved using objects on our own for the first time. It took quite some time to be able to properly implement an object without having my hand held through the lab but I eventually succeeded. I stumbled upon the random sail movement by accident but I loved the effect of billowing sails in the wind.
/*Austin Treu
atreu@andrew.cmu.edu
Section B
Project-10*/
var xStart = 0, buzz, buzzY;
var buzzLink = 'https://i.imgur.com/KfTOvVY.png?1';
function preload(){
buzz = loadImage(buzzLink);
}
function setup() {
createCanvas(480, 480);
background(0,0,40);
buzzY = height/2;
}
function draw() {
background(0,0,40);
//make the stars
for(var x = xStart; x < width+xStart; x+=10){
var y1 = noise(x)*height;
var y2 = noise(x+10)*height/4;
var y3 = noise(x+10)*3*height/4;
var y4 = noise(x+10)*height*2;
stroke(255);
point(x-xStart, y1);
point(x-xStart, y2);
point(x-xStart, y3);
point(x-xStart, y4);
}
//buzz rocketing through space
imageMode(CENTER);
image(buzz, width/5, (15*noise((width/5+xStart)))+height/2);
/*create and move planets
var py = int(random(height));
var pSize = int(random(10,100));
var r = int(random(0, 255));
var g = int(random(0, 255));
var b = int(random(0, 255));
var pCol = 'rgb('+r+','+g+','+b+')';
noStroke();
fill(pCol);
ellipse(width+100-xStart,py,pSize,pSize);*/
//move screen
xStart+=10;
}
I went into this project with an empty mind, searching for an idea. I opened up a new tab and went to a newsfeed and saw a headline about space. This took me in the direction I ultimately went. The stars were not too difficult to add, I just had to figure out how to utilize noise() to achieve what I wanted. After some trial and error, I decided that I wanted more on the screen, so I set out to find an image of a spaceship. That led me to a picture of an astronaut, which led me to the picture of Buzz Lightyear that I used. I intended to include some planets, but was unable to complete that, so this project is entitled ‘Buzz Flies Through Deep Space’.
An image of the room in which Social Soul was held.
I chose Lauren Mccarthy who created p5.js. However, the project I want to discuss today is Social Soul, an immersive digital experience that puts users in someone else’s social media stream. It was created in 2014 by Lauren Mccarthy, Kyle McDonald, and MKG for Delta Air Lines TED2014 summit. I admire it because it poses a really valid question that often goes unanswered. It’s something that we really do not think about yet pervades every aspect of our realities. It makes use of a custom algorithm that matches conference goers with other attendees’ social streams. The project uses 7 coding languages and incorporates generative audio/music as well. Following the viewing session, the viewer is sent a tweet that encourages them to connect off-screen to their soul mate.
Cannot post the updated file from the email I sent over. I have instead uploaded the archive for this project. Archive
For this project, I created worms that change color and inch along the landscape with hills in the background. The worms were inspired from nematode references in cartoons.
A nematode from the hit children cartoon, Spongebob!
// Yoo Jin Shin
// Section D
// yoojins@andrew.cmu.edu
// Project 10: Generative Landscape
var buildings = [];
var terrainSpeed = 0.0003;
var terrainSpeed2 = 0.0002;
var terrainSpeed3 = 0.0001;
var terrainDetail = 0.003;
var terrainDetail2 = 0.005;
var terrainDetail3 = 0.006;
function setup() {
createCanvas(480, 450);
// create an initial collection of buildings
for (var i = 0; i < 10; i++){
var rx = random(width);
buildings[i] = makeBuilding(rx);
}
frameRate(10);
}
function draw() {
background(255);
terrain3();
terrain2();
terrain();
building();
}
// blue terrain in front
function terrain() {
push();
var R = random(5, 40);
var G = random(5, 40);
fill(R, G, 80);
stroke(255);
strokeWeight(6);
beginShape();
for (var x = 0; x < width; x++) {
var t = (x * terrainDetail) + (millis() * terrainSpeed);
var y = map(noise(t), 0, 1, 0, height);
vertex(x, y);
}
endShape();
pop();
}
// purple terrain in middle
function terrain2() {
push();
var R = random(40, 60);
var G = random(0, 30);
fill(R, G, 80);
stroke(255);
strokeWeight(3);
beginShape();
for (var x = 0; x < width; x++) {
var t = (x * terrainDetail2) + (millis() * terrainSpeed2);
var y = map(noise(t), 0, 2, 0, height);
vertex(x, y);
}
endShape();
pop();
}
// pink terrain in back
function terrain3() {
push();
var G = random(0, 40);
var B = random(90, 100);
fill(120, G, B);
stroke(255);
strokeWeight(1);
beginShape();
for (var x = 0; x < width; x++) {
var t = (x * terrainDetail3) + (millis() * terrainSpeed3);
var y = map(noise(t), 0, 3, 0, height);
vertex(x, y);
}
endShape();
pop();
}
function building() {
push();
translate(0.1 * width, 0.1 * height);
scale(0.8);
displayHorizon();
updateAndDisplayBuildings();
removeBuildingsThatHaveSlippedOutOfView();
addNewBuildingsWithSomeRandomProbability();
pop();
}
function updateAndDisplayBuildings(){
// Update the building's positions, and display them.
for (var i = 0; i < buildings.length; i++){
buildings[i].move();
buildings[i].display();
}
}
function removeBuildingsThatHaveSlippedOutOfView(){
var buildingsToKeep = [];
for (var i = 0; i < buildings.length; i++){
if (buildings[i].x + buildings[i].breadth > 0) {
buildingsToKeep.push(buildings[i]);
}
}
buildings = buildingsToKeep;
}
function addNewBuildingsWithSomeRandomProbability() {
// With a very tiny probability, add a new building to the end.
var newBuildingLikelihood = 0.007;
if (random(0,1) < newBuildingLikelihood) {
buildings.push(makeBuilding(width));
}
}
function buildingMove() {
this.x += this.speed;
}
// draw alien buildings with changing colors
function buildingDisplay() {
var floorHeight = 20;
var bHeight = this.nFloors * floorHeight;
var B = random(100, 255);
var R = random(100, 255);
fill(R, 255, B);
stroke(0);
strokeWeight(2);
push();
translate(this.x, height - 40);
ellipse(0, -bHeight + 20, this.breadth, bHeight * 2);
// draw windows
stroke(0);
strokeWeight(2);
fill(0);
for (var i = 0; i < this.nFloors; i++) {
rect(-5, -15 - (i * floorHeight + 10), 10, 10);
}
pop();
}
function makeBuilding(birthLocationX) {
var bldg = {x: birthLocationX,
breadth: round(random(30, 80)),
speed: -2,
nFloors: round(random(3, 7)),
move: buildingMove,
display: buildingDisplay}
return bldg;
}
function displayHorizon(){
noStroke();
fill(0, 43, 7);
rect(-200, height - 150, width + 300, height - 150);
}
I tried creating an alien world generative landscape. The sky portion of the landscape has three terrains varying in color and speed, looking somewhat like clouds. The buildings vary in size and color, looking almost like cacti. This project was rather challenging, but I would definitely experiment more with generative landscapes in the near future and try creating more elaborate ones.
/* Miranda Luong
Section E
mluong@andrew.cmu.edu
Project-10: Generative Landscape
*/
var trees = [];
var hillSpeed = 0.00005;
var hillDetail = 0.005;
function setup() {
createCanvas(640, 240);
// create an initial collection of 30 trees
for (var i = 0; i < 30; i++){
//sets random birthplaceX for trees
var rx = random(width);
trees[i] = makeTree(rx);
}
frameRate(100);
}
function draw() {
background(66, 131, 244);
//sun
noStroke();
fill(225, 145, 90);
ellipse(width-55, 40, 45, 45);
drawHill();
updateAndDisplay();
removeOutOfView();
addTrees();
}
function drawHill(){
noStroke();
fill('green');
beginShape();
vertex(0, height);
for (var x = 0; x < width; x++){
var h = (x * hillDetail)+ (millis() * hillSpeed);
var y = map(noise(h), 0, 1, 0, height);
vertex(x, y);
}
vertex(width,height);
endShape();
}
function updateAndDisplay(){
// Update the trees's positions, and display them.
for (var i = 0; i < trees.length; i++){
trees[i].move();
trees[i].display();
}
}
function removeOutOfView(){
// If a tree has dropped off the left edge,
// remove it from the array. Copy all the buildings
// we want to keep into a new array.
var treesToKeep = [];
for (var i = 0; i < trees.length; i++){
if (trees[i].x + trees[i].breadth > 0) {
treesToKeep.push(trees[i]);
}
}
trees = treesToKeep; // remember the surviving buildings
}
function addTrees() {
// With a very tiny probability, add a new tree to the end.
var newTreeLikelihood = 0.007;
if (random(0,1) < newTreeLikelihood) {
trees.push(makeTree(width));
}
}
// method to update position of tree every frame
function treeMove() {
this.x += this.speed;
}
// draw the tree
function treeDisplay() {
var totalBushHeight = this.nBush * this.bushHeight
noStroke();
push();
translate(this.x, height-100);
for (var i = this.nBush; i > 1; i = i - 1) {
fill(14, 100-(i*5), 39);
triangle(0, i * this.bushHeight, this.breadth, i * this.bushHeight, this.breadth/2, (i-1)*(this.bushHeight-5));
}
fill('brown');
rect(this.breadth / 4 + 2.5,totalBushHeight,5,8)
pop();
}
function makeTree(birthLocationX) {
var tree = {x: birthLocationX,
breadth: 20,
speed: -1.0,
nBush: round(random(2,5)),
move: treeMove,
display: treeDisplay,
bushHeight: 10}
return tree;
}
This was a really challenging exercise. Sadly, there was a lot I wanted to do but just couldn’t seem to figure out. Ideally, the shape of the hills would’ve matched the position of the trees but because the X placement of the trees from the beginning was random, I couldn’t create a linkage by chronological order of birth (a for loop would’ve been great for that).
I think I definitely have a better understanding of objects and creating generative landscape images, a far cry from past projects generative art.
// Sophia S Kim
// Section C 1:30
// sophiaki@andrew.cmu.edu
// Project-09-Portrait
var fish = [];
function setup() {
createCanvas(480, 480);
frameRate(7);
for(var l = 0; l < 10; l++) {
var fx = random(width);
fish[l] = makeFish(fx);
}
frameRate(6);
}
function draw() {
background(212, 211, 234);
sun(); //sun in the sky
mountainBackground(); //mountain
hillInFrontofMountain(); //small hill in front of mountain
waterRiver(); //river at the bottom
updateFish();
removeFish();
randomFish();
fishDisplay();
//randomizes fish in the "river"
}
// displays fish
function updateFish(){
for (var i = 0; i < fish.length; i++){
fish[i].move();
fish[i].display();
}
}
// fish disappear when hitting the edge
function removeFish(){
var fishKeep = [];
for (var q = 0; q < fish.length; q++){
if (fish[q].x + fish[q].breadth > 0) {
fishKeep.push(fish[q]);
}
}
fish = fishKeep;
}
// randomized fish to be added to the end
function randomFish() {
var updatedNewFish = 0.009;
if (random(0, 1) < updatedNewFish) {
fish.push(makeFish(width));
}
}
// update position of fish
function fishMove() {
this.x += this.speed;
}
// drawing the fish
function fishDisplay() {
var floorHeight = 20;
var bHeight = this.nFloors * floorHeight;
push();
noStroke();
translate(this.x, height - 140);
//fish body
fill(255, 161, 210);
ellipse(3, bHeight+20, 35, 25);
//fish tail
fill(255, 161, 210);
triangle(10, bHeight+20, 30, bHeight, 30, bHeight+40);
pop();
}
function makeFish(birthLocationX) {
var fhm = {x: birthLocationX,
breadth: 5,
speed: -3.0,
nFloors: round(random(2,4)),
move: fishMove,
display: fishDisplay}
return fhm;
}
function waterRiver() {
//makes the "river" appear
fill(8, 42, 102);
rect(-1, 350, 480, 130);
}
function hillInFrontofMountain() {
//makes the hill in front of the mountain move
var terrainSpeed3 = 0.0001;
var terrainDetail3 = 0.002;
beginShape();
stroke(44, 87, 181);
for (var x3 = 0; x3 < width; x3++) {
var p = (x3 * terrainDetail3) + (millis() * terrainSpeed3);
var z = map(noise(p), 0, 1, 300, 200);
line(x3, z, x3, height);
}
endShape();
}
function mountainBackground() {
//makes mountains in the back
var terrainSpeed2 = 0.0005;
var terrainDetail2 = 0.01;
stroke(99, 129, 214);
beginShape();
for (var x2 = 0; x2 < width; x2++) {
var t = (x2 * terrainDetail2) + (millis() * terrainSpeed2);
var y2 = map(noise(t), 0, 1, 200, 10);
line(x2, y2, x2, height);
}
endShape();
}
function sun() {
fill(234, 119, 101);
noStroke();
ellipse(417, 60, 80, 80);
fill(255, 146, 128);
noStroke();
ellipse(420, 60, 75, 75);
}
As it gets colder in Pittsburgh, I started to miss the warm weather and my trip to Taiwan. For my landscape, I definitely wanted to make a view of mountains. This photo came to mind.
sketch of my ideathis one natural wonder in Taiwan (inspiration from this photo)
Among all the projects, this project was the hardest. I had a really hard time with making the fishes and making them move. I had a really hard time making the mountains long and keeping them consistent. Overall, I don’t really like the outcome of the final project. If I had to make changes, I would definitely add more details to the mountain.
Zanyparade is a studio headed by Emily Gobeille, with specialties in visual design, motion graphics, and interaction. A project that I found very interesting was Rise and Fall, an interactive front and back magazine cover created for the March 2010 issue of Boards Magazine. By rotating the magazine, readers navigate through the world of Rise and Fall, revealing story nodes as the tale of opposing forces unfolds. The orientation in which they rotate the magazine is directly linked to the way they move around the world. I think this project is interesting because it’s an interesting application of sensor technology to the newly digitized world of books. Print and web are two quite segregated mediums- but this project bridges the two and highlights the strength of both — that is the physical presence of a book, and the interactive capabilities of the web.
//Name: Alessandra Fleck
//Class Section : B
//Email: afleck@andrew.cmu.edu
//Project-10
var cake = [];
function setup() {
createCanvas(480, 480);
// the initial collection of cake
for (var i = 0; i < 10; i++){ //automatically counts up
var rx = random(width);
cake[i] = makeCake(rx);
}
frameRate(100);
}
function draw() {
background(80,177,198);
displayHorizon();
updateAndDisplayCake();
removeCakeThatHaveSlippedOutOfView();
addNewCakeRandomly();
//bottom table
fill(225,229,194);
stroke(0);
strokeWeight(3);
rect(0,430,480,100);
//bear eating cake
//bear head
fill(225,229,194);
stroke(0);
noStroke();
ellipse(50,350,150,150);
//bear ear
fill(225,229,194);
ellipse(30,260,50,80);
//bear cheek
fill(225,200,190);
ellipse(30,350,50,50);
//bear mouth
fill(80,177,198);
ellipse(100,380,60,50);
//bear eye
fill(0);
ellipse(80,330,30,30);
fill(255);
ellipse(80,320,10,10);
//bear nose
fill('red');
ellipse(120,340,20,20);
//bear hand
fill(225,229,194);
ellipse(50,430,80,20);
}
function updateAndDisplayCake(){
// Update the cake's positions, and display them.
for (var i = 0; i < cake.length; i++){
cake[i].move();
cake[i].display();
}
}
function removeCakeThatHaveSlippedOutOfView(){
var cakeToKeep = [];
for (var i = 0; i < cake.length; i++){
if (cake[i].x + cake[i].breadth > 0) {
cakeToKeep.push(cake[i]);
}
}
cake = cakeToKeep; // remember the surviving buildings
}
function addNewCakeRandomly() {
// With a small margin of probability, add another cake
var newCakeLikelihood = 0.010;
if (random(0,1) < newCakeLikelihood) {
cake.push(makeCake(width));
}
}
function cakeMove() {
// update cake position
this.x += this.speed;
}
// draw cake
function cakeDisplay() {
var cakeHeight = 40;
fill(255);
noStroke();
push();
translate(this.x, height - 40);
//cake bottom
fill(197,174,135);
rect(40,-cakeHeight,50,30);
//cake middle
fill(220,157,155);
rect(40,-cakeHeight -50,50,60);
//cake middle
fill(220,157,155);
rect(40,-cakeHeight -50,50,60);
//cake top
fill(197,174,135);
rect(40,cakeHeight-150, 50,60);
//cake frosting
fill(250);
rect(40,cakeHeight-150, 50,10);
pop();
}
function makeCake(birthLocationX) {
var cake = {x: birthLocationX,
breadth: 10,
speed: -0.5,
move: cakeMove,
display: cakeDisplay}
return cake;
}
function displayHorizon(){
stroke(0);
line (0,height-50, width, height-50);
}
For this assignment I just wanted to do a conveyor belt with a bear eating cake that came at different lengths.
As seen in the sketch below, I wasn’t able to add toppings to the cake or get the cake to disappear as it entered the bear’s mouth. If I were to go back and edit the script, I would make it so that the vanishing point is set at the bear’s mouth and not the edge of the canvas.
/*
Victoria Reiter
Section B
vreiter@andrew.cmu.edu
Project 10 - Generative Landscape
*/
// array that holds flower objects
var flowers = [];
var terrainSpeed = 0.0005;
var terrainSpeed2 = 0.00015;
var terrainDetail = 0.005;
var image0;
var image1;
var image2;
function preload() {
image0 = loadImage("https://i.imgur.com/qqE2J0x.png?1");
image1 = loadImage("https://i.imgur.com/4xXEj18.png");
image2 = loadImage("https://i.imgur.com/j45lLa7.png");
}
function setup() {
createCanvas(480, 480);
// creates an initial collection of flowers
for (var i = 0; i < 10; i++){
var rx = random(width);
flowers[i] = makeFlowers(rx);
}
frameRate(10);
}
function draw() {
// loads image as background
image(image2, 0, 0, width * 2, height * 2);
// start mountains
push();
noStroke();
//purpl-ish color
fill(51, 0, 51);
beginShape();
for (var mx = 0; mx < width; mx++) {
var t = (mx * terrainDetail) + (millis() * terrainSpeed2);
var my = map(noise(t), 0,1, height / 10, height - 90);
vertex(mx, my);
}
// includes bottom corners of canvas to fill in the color of the shape
vertex(width, height);
vertex(0, height);
endShape();
pop();
//end mountains
// begin grass
push();
noStroke();
fill("green");
beginShape();
for (var x = 0; x < width; x++) {
var t = (x * terrainDetail) + (millis() * terrainSpeed);
var y = map(noise(t), 0,1, height - height / 4, height - 80);
vertex(x, y);
}
vertex(width, height);
vertex(0, height);
endShape();
pop()
//end grass
// drawing flowers
updateAndDisplayflowers();
removeflowersThatHaveSlippedOutOfView();
addNewflowersWithSomeRandomProbability();
// V flying on a turtle (eh why not?)
flyingV(mouseX, mouseY);
}
// draws me flying on a turtle hehehe
function flyingV(x, y) {
imageMode(CENTER);
image(image1, x, y, 100, 80);
image(image0, x - 15, y - 20, 200, 250);
}
// makes flowers appear on the grassy area
function updateAndDisplayflowers() {
for (var i = 0; i < flowers.length; i++){
flowers[i].move();
flowers[i].display();
}
}
// If the flowers drop off the left edge, remove them from the array
function removeflowersThatHaveSlippedOutOfView(){
var flowersToKeep = [];
for (var i = 0; i < flowers.length; i++){
if (flowers[i].x + flowers[i].breadth > 0) {
flowersToKeep.push(flowers[i]);
}
}
flowers = flowersToKeep; // remember the surviving flowers
}
function addNewflowersWithSomeRandomProbability() {
// with a small probability add a new flower to the end.
var newFlowersLikelihood = 0.8;
if (random(0, 1) < newFlowersLikelihood) {
flowers.push(makeFlowers(width));
}
}
// method to update position of flowers every frame
function flowersMove() {
this.x += this.speed;
}
// draw the flowers baseed on my design from the wallpaper project!
function flowersDisplay() {
push();
translate(this.x, this.y);
scale(.25);
flowerStem(0, 0);
flowerPetals(0, 0);
stem(0, 0);
leaves(15, -15);
pop();
}
function makeFlowers(birthLocationX) {
var flwr = {x: birthLocationX,
y: random(height - 80, height),
breadth: 50,
speed: -8.0,
nFloors: round(random(2,8)),
move: flowersMove,
display: flowersDisplay}
return flwr;
}
// function to draw the stem
function stem(x, y) {
strokeWeight(7);
stroke(0, 155, 0);
line(x, y, x + 85, y - 35);
}
// function to draw the leaves
function leaves(x, y) {
noStroke();
// leaf color
fill(0, 190, 0);
// actual leaves
ellipse(x, y - 1, 24, 10);
ellipse(x + 25, y + 9, 24, 10);
ellipse(x + 21, y - 10, 24, 10);
strokeWeight(2);
// leaf vein color
stroke(100, 230, 100);
// each leaf also has a little line to represent its veins
line(x - 12, y - 1, x + 12, y - 1);
line(x + 13, y + 9, x + 37, y + 9);
line(x + 9, y - 10, x + 33, y - 10);
}
// function to draw the stems branching to the petals
function flowerStem(x, y) {
strokeWeight(4);
stroke(0, 190, 0);
// actual stem
line(x + 56, y - 27, x + 46, y - 43);
// each stem also has a little bulb
ellipse(x + 46, y - 43, 7, 7);
line(x + 55, y - 18, x + 72, y + 2);
ellipse(x + 72, y + 2, 8);
line(x + 70, y - 33, x + 78, y - 60);
ellipse(x + 78, y - 60, 8);
line(x + 79, y - 28, x + 100, y - 3);
ellipse(x + 100, y - 3, 10);
line(x + 85, y - 35, x + 105, y - 57);
ellipse(x + 105, y - 57, 11);
}
// function to draw flower petals
function flowerPetals(x, y) {
noStroke();
// main petal color
fill(255, 125, 165);
// petal 1
ellipse(x + 43, y - 55, 23);
//petal 2
ellipse(x + 75, y + 12, 25);
//petal 3
ellipse(x + 74, y - 70, 20);
// petal 4
ellipse(x + 104, y + 10, 21);
// petal 5
ellipse(x + 108, y - 70, 27);
fill(255, 65, 105);
// sub-petal 1
ellipse(x + 39, y - 45, 13);
ellipse(x + 52, y - 55, 11);
// sub-petal 2
ellipse(x + 67, y + 6, 13);
ellipse(x + 81, y + 4, 10);
ellipse(x + 64, y + 15, 11);
// sub-petal 3
ellipse(x + 70, y - 61, 16);
// sub-petal 4
ellipse(x + 100, y + 5, 12);
ellipse(x + 112, y + 8, 9);
// sub-petal 5
ellipse(x + 97, y - 63, 14);
ellipse(x + 109, y - 58, 10);
ellipse(x + 119, y - 64, 13);
// detail color in petals
fill(185, 0, 25);
// sub-sub-petal 1
ellipse(x + 32, y - 50, 9);
ellipse(x + 48, y - 50, 8);
// sub-sub-petal 2
ellipse(x + 64, y + 2, 8);
ellipse(x + 74, y + 4, 10);
ellipse(x + 60, y + 9, 8);
//sub-sub-petal 3
ellipse(x + 78, y - 65, 13);
ellipse(x + 62, y - 67, 8);
// sub-sub-petal 4
ellipse(x + 92, y + 9, 8);
ellipse(x + 108, y + 5, 9);
// sub-sub-petal 5
ellipse(x + 102, y - 60, 9);
ellipse(x + 90, y - 65, 10);
// other detail color in petals
fill(255, 205, 205);
// many sub petals 1
ellipse(x + 40, y - 67, 11);
ellipse(x + 52, y - 60, 8);
// many sub petals 2
ellipse(x + 64, y + 16, 8);
ellipse(x + 77, y + 9, 10);
ellipse(x + 67, y + 23, 7);
// many sub petals 3
ellipse(x + 78, y - 79, 10);
ellipse(x + 66, y - 71, 8);
// many sub-petals 4
ellipse(x + 94, y + 18, 12);
ellipse(x + 114, y + 14, 9);
// many sub-petals 5
ellipse(x + 103, y - 69, 9);
ellipse(x + 90, y - 64, 8);
ellipse(x + 121, y - 74, 10);
}
In this project I decided to represent a sort of dream-sequence. I am riding on a turtle’s back…..for whatever reason, flying through a trippy dream-scape. I incorporated my flower design from the wallpaper project because I really like it, it represents some sentimental value, and for these reasons seems quite fitting in a personal dream-world. I love the mountains so flying through the mountains would be a dream of mine.
Generative landscape sketch
I had a lot of other plans for things I wanted to include in this project, and I spent a bunch of hours trying to figure it all out and work things out, but I just hit obstacle after obstacle when I couldn’t find where I was committing errors, and had to abandon some of my plans. Full -ish sketch plan
Ultimately, I like the concept of the project. The implementation itself I just found really difficult and still don’t really understand how all the mechanics work for creating a generative landscape.
I made me riding on a turtle though. So that’s pretty rad.
![[OLD FALL 2018] 15-104 • Introduction to Computing for Creative Practice](../../../../wp-content/uploads/2020/08/stop-banner.png)
