Berichten

Geplaatst op

Light Switch game Wearymandrill1 en Alertrhino9

https://editor.p5js.org/wearymandrill1/sketches/mG0rfCjd6

var switch1 = false;
var switch2 = false;
var switch3 = false;
var switch4 = false;
var switch5 = false;
var switch6 = false;

var light1 = false;
var light2 = false;
var light3 = false;
var light4 = false;
var light5 = false;
var light6 = false;

function setup() {
createCanvas(800, 400);
}

function draw() {
background(0);
fill(150);
//lightswitches
rect(100, 300, 60, 60);
rect(200, 300, 60, 60);
rect(300, 300, 60, 60);
rect(400, 300, 60, 60);
rect(500, 300, 60, 60);
rect(600, 300, 60, 60);

//lights

fill(150);
if (!light1) {
fill(150);
} else {
fill(255, 255, 0);
}

ellipse(130, 100, 60, 60);

if (!light2) {
fill(150);
} else {
fill(255, 255, 0);
}
ellipse(230, 100, 60, 60);

if (!light3) {
fill(150);
} else {
fill(255, 255, 0);
}
ellipse(330, 100, 60, 60);

if (!light4) {
fill(150);
} else {
fill(255, 255, 0);
}
ellipse(430, 100, 60, 60);

if (!light5) {
fill(150);
} else {
fill(255, 255, 0);
}

ellipse(530, 100, 60, 60);

if (!light6) {
fill(150);
} else {
fill(255, 255, 0);
}
ellipse(630, 100, 60, 60);
}

function mouseClicked() {
if (mouseX > 100 && mouseX < 160 && mouseY > 300 && mouseY < 360) {
light1 = !light1;
light2 = !light2;
}

if (mouseX > 200 && mouseX < 260 && mouseY > 300 && mouseY < 360) {
light2 = !light2;
light4 = !light4;
}

if (mouseX > 300 && mouseX < 360 && mouseY > 300 && mouseY < 360) {
light3 = !light3;
light2 = !light2;
}

if (mouseX > 400 && mouseX < 460 && mouseY > 300 && mouseY < 360) {
light4 = !light4;
light6 = !light6;
}

if (mouseX > 500 && mouseX < 560 && mouseY > 300 && mouseY < 360) {
light5 = !light5;
light2 = !light2;
light4 = !light4;
}

if (mouseX > 600 && mouseX < 660 && mouseY > 300 && mouseY < 360) {
light6 = !light6;
}
}

De oplossing is 1-3-5-6

Geplaatst op

Zelfbeoordeling p5.js unit 2 Wearymandill1 en Alertrhino9

WegingCijfer
Voortgang2x7
Light Switch Game2x7
Paint3x8.5
Writing Prompt1x8
Totaal8x7.7

Voortgang: We kwamen veel problemen tegen, en moesten vaak met wat tegenzin doorzetten, maar uiteindelijk hebben we op alle problemen een acceptabele of goede oplossing gevonden.

Light Switch Game: Deze opdracht veroorzaakte het meeste problemen. De code die nodig was om deze opdracht te maken hebben wij simpelweg niet geleerd in LA.1 of LA.2. voor veel van deze opdracht hebben we code van het internet gebruikt. Met heel veel moeite en na 3 verschillende versies hebben wij deze af gemaakt.

https://editor.p5js.org/wearymandrill1/sketches/mG0rfCjd6

Paint: Deze opdracht was minder moeilijk, vanaf het begin maakte we goede progressie en we zijn weinig grote obstakels tegengekomen. Halverwege het proces moesten we wel opnieuw beginnen omdat we niet tevreden waren met wat we hadden. We zijn zeer tevreden met het eindproduct.

https://editor.p5js.org/wearymandrill1/sketches/6U2tCnSK2

Geplaatst op

Lief dagboek

We hebben gisteren een begin gemaakt met unit 2. We zijn bij 1.5 nu, het meeste dat er behandeld werd snappen we al en hebben we al wel eens gebruikt dus we gaan er snel doorheen.

Geplaatst op

Al onze werkstukken + Zelfbeoordeling

//setup
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
//fase 1
if (mouseIsPressed)
{
fill(255)
ellipse(mouseX,mouseY,200)
fill(0)
arc(mouseX, mouseY, 200, 200, PI1.5, PI/2); strokeWeight(0) fill(255) ellipse(mouseX,mouseY+50,100,100) fill(0) ellipse(mouseX,mouseY+50,30) fill(0,0,0) ellipse(mouseX,mouseY-50,100,100) fill(255) ellipse(mouseX,mouseY-50,30) } //fase 2 else{ fill(0) ellipse(mouseX,mouseY,200) fill(255) arc(mouseX, mouseY, 200, 200, PI1.5, PI/2);
strokeWeight(0)
fill(0)
ellipse(mouseX,mouseY+50,100,100)
fill(255)
ellipse(mouseX,mouseY+50,30)
fill(255)
ellipse(mouseX,mouseY-50,100,100)
fill(0)
ellipse(mouseX,mouseY-50,30)}
}

https://editor.p5js.org/wearymandrill1/sketches/BiNXnVP_z

//setup
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
//hoofd
fill(252, 200, 63)
strokeWeight(5)
stroke(160,82,45)
ellipse(mouseX,mouseY,300,300)
stroke(139,69,19)
fill(160,82,45)
//fase 1
if (mouseIsPressed) {
//oog
strokeWeight(3)
ellipse(mouseX-50,mouseY-30,50,50)
ellipse(mouseX+50,mouseY-30,50,80)
strokeWeight(5)
line(mouseX-80,mouseY-70,mouseX-65,mouseY-80)
line(mouseX-65,mouseY-80,mouseX-20,mouseY-70)
line(mouseX+80,mouseY-95,mouseX+65,mouseY-105)
line(mouseX+65,mouseY-105,mouseX+20,mouseY-90)
//mond
strokeWeight(25)
line(mouseX-80,mouseY+50,mouseX+80,mouseY+50)
//fase 2
} else {
//blush
strokeWeight(0)
fill( 255, 182, 193)
ellipse(mouseX-70,mouseY+20,60,60)
ellipse(mouseX+70,mouseY+20,60,60)
//oog
stroke(211,211,211)
strokeWeight(1)
fill(255,255,255)
ellipse(mouseX-50,mouseY-30,70,70)
ellipse(mouseX+50,mouseY-30,70,70)
//pupil
fill(0,0,0)
strokeWeight(0)
ellipse(mouseX-50,mouseY-30,40,40)
ellipse(mouseX+50,mouseY-30,40,40)
//wenkbrauwen
strokeWeight(5)
stroke(160,82,45)
line(mouseX-90,mouseY-80,mouseX-60,mouseY-100)
line(mouseX+90,mouseY-80,mouseX+60,mouseY-100)
line(mouseX-60,mouseY-100,mouseX-40,mouseY-105)
line(mouseX+60,mouseY-100,mouseX+40,mouseY-105)
//mond
stroke(160,82,45)
strokeWeight(20)
line(mouseX-35,mouseY+75,mouseX+35,mouseY+75)
}
}

https://editor.p5js.org/wearymandrill1/sketches/OufFgnaXx

var a;
var b;
var r;
function setup() {
createCanvas(400,400);
a = 0
b = 200
r = random
}
//switch
function draw() {
colorMode(HSB)
if(mouseIsPressed){
a = a+1 }
switch(a %3) {
case 0: fill(r(270,360),r(100,100),r(50,100))
break;
case 1: fill(r(180,270),r(100,100),r(50,100))
break;
case 2: fill(r(90,180),r(100,100),r(50,100))}
//figuren
strokeWeight(0)
rect(r(300),r(300),r(400),r(400))
ellipse(r(400),r(400),r(400),r(400))
triangle(r(400),r(400),r(400),r(400),r(400),r(400))
//kleuren zon
colorMode(RGB)
fill(255,255,a)
strokeWeight(2)
stroke(255, 195, a)
//zon
ellipse(b,b,150,150)
triangle(175,115,225,115,b,60)
triangle(175,285,225,285,b,340)
triangle(285,175,285,225,340,b)
triangle(115,175,115,225,60,b)
triangle(243.083,120.425,298.994,98.994,278.438,155.378)
triangle(243.083,279.575,298.994,301.006,278.438,244.622)
triangle(156.917,120.425,101.006,98.994,121.562,155.378)
triangle(156.917,279.575,101.006,301.006,121.562,244.622)

}

https://editor.p5js.org/wearymandrill1/sketches/H8vOQRqSd

35789
Ying YangX
EmojiX
Built in variablesX
Custom variablesX
Random featureX
Geplaatst op

Lief dagboek

function setup() {
createCanvas(400, 400);

}
function draw() {
background(220);
fill(252, 200, 63)
strokeWeight(5)
stroke(160,82,45)
ellipse(mouseX,mouseY,300,300)
stroke(139,69,19)
fill(160,82,45)
ellipse(mouseX-50,mouseY-30,50,50)
ellipse(mouseX+50,mouseY-30,50,80)
strokeWeight(25)
line(mouseX-80,mouseY+50,mouseX+80,mouseY+50)
strokeWeight(5)
line(mouseX-80,mouseY-70,mouseX-65,mouseY-80)
line(mouseX-65,mouseY-80,mouseX-20,mouseY-70)
line(mouseX+80,mouseY-95,mouseX+65,mouseY-105)
line(mouseX+65,mouseY-105,mouseX+20,mouseY-90)

}

Ik heb vandaag met alertrhino mijn emoji gemaakt.

Geplaatst op

Lief dagboek

Vandaag hebben we onze album art afgemaakt.

var a;
var b;
function setup() {
createCanvas(400,400);
a = 0
b = 200
}
//switch
function draw() {
colorMode(HSB)
if(mouseIsPressed){
a = a+1 }
switch(a %3) {
case 0: fill(random(270,360),random(100,100),random(50,100))
break;
case 1: fill(random(180,270),random(100,100),random(50,100))
break;
case 2: fill(random(90,180),random(100,100),random(50,100))}
//figuren
strokeWeight(0)
rect(random(300),random(300),random(400),random(400))
ellipse(random(400),random(400),random(400),random(400))
triangle(random(400),random(400),random(400),random(400),random(400),random(400))
//kleuren zon
colorMode(RGB)
fill(255,255,0)
strokeWeight(2)
stroke(255, 195, 0)
//zon
ellipse(b,b,150,150)
triangle(175,115,225,115,b,60)
triangle(175,285,225,285,b,340)
triangle(285,175,285,225,340,b)
triangle(115,175,115,225,60,b)
triangle(243.083,120.425,298.994,98.994,278.438,155.378)
triangle(243.083,279.575,298.994,301.006,278.438,244.622)
triangle(156.917,120.425,101.006,98.994,121.562,155.378)
triangle(156.917,279.575,101.006,301.006,121.562,244.622)

}

Geplaatst op

Lief dagboek

function setup() {
createCanvas(400, 400);
}

function draw() {
fill(random(255),random(255),random(255))

strokeWeight(0)
rect(random(300),random(300),random(400),random(400))
ellipse(random(400),random(400),random(400),random(400))
triangle(random(400),random(400),random(400),random(400),random(400),random(400))
fill(255,255,0)
strokeWeight(2)
stroke(255, 195, 0)
ellipse(200,200,150,150)
triangle(175,115,225,115,200,60)
triangle(175,285,225,285,200,340)
triangle(285,175,285,225,340,200)
triangle(115,175,115,225,60,200)
triangle(243.083,120.425,298.994,98.994,278.438,155.378)
triangle(243.083,279.575,298.994,301.006,278.438,244.622)
triangle(156.917,120.425,101.006,98.994,121.562,155.378)
triangle(156.917,279.575,101.006,301.006,121.562,244.622)

}

Het is ons eindelijk gelukt om alle driehoeken goed te zetten met behulp van wiskunde. Het is afgerodn op drie decimalen dus het is niet 100% nauwkeurig maar het is goed genoeg. dit is onze schets die we hebben gebruikt voor onze berekeningen.

function setup() {
createCanvas(400, 400);
}

function draw() {

background(220);
stroke(0)
strokeWeight(1)
fill(255)
ellipse(200,200,280,280)
ellipse(200,200,105,85)

for (var i = 0; i < width; i += 10) {
rotate(PI)
stroke(0)
strokeWeight(1)
line(i, 0, i, height);
line(width, i, 0, i);

fill(255,255,0)
strokeWeight(0)
stroke(255, 195, 0)
ellipse(200,200,150,150)

//ez triang
triangle(175,115,225,115,200,60)
triangle(175,285,225,285,200,340)
triangle(285,175,285,225,340,200)
triangle(115,175,115,225,60,200)
triangle(175,115,225,115,200,60)

//kut triang
triangle(243.083,120.425,298.994,98.994,278.438,155.378)
triangle(243.083,279.575,298.994,301.006,278.438,244.622)
triangle(156.917,120.425,101.006,98.994,121.562,155.378)
triangle(156.917,279.575,101.006,301.006,121.562,244.622)
}

fill(0)
ellipse(200,200,1,1)
}

Geplaatst op

Lief dagboek

function setup() {
createCanvas(400, 400);
}

function draw() {
fill(random(255),random(255),random(255))

strokeWeight(0)
rect(random(300),random(300),random(400),random(400))
ellipse(random(400),random(400),random(400),random(400))
triangle(random(400),random(400),random(400),random(400),random(400),random(400))
fill(255,255,0)
strokeWeight(2)
stroke(255, 195, 0)
ellipse(200,200,150,150)
triangle(175,115,225,115,200,60)
triangle(175,285,225,285,200,340)
triangle(285,175,285,225,340,200)
triangle(115,175,115,225,60,200)
triangle(250,120,300,100,280,150)

}

function setup() {
createCanvas(400, 400);
}

function draw() {

background(220);
stroke(0)
strokeWeight(1)
fill(255)
ellipse(200,200,280,280)
ellipse(200,200,105,85)

for (var i = 0; i < width; i += 10) {
rotate(PI)
stroke(0)
strokeWeight(1)
line(i, 0, i, height);
line(width, i, 0, i);

fill(255,255,0)

strokeWeight(0)
stroke(255, 195, 0)
ellipse(200,200,150,150)

triangle(175,115,225,115,200,60)
triangle(175,285,225,285,200,340)
triangle(285,175,285,225,340,200)
triangle(115,175,115,225,60,200)
triangle()
triangle(175,115,225,115,200,60)
rotate(QUARTER_PI)
}

fill(0)
ellipse(200,200,1,1)
}

Geplaatst op

Lief dagboek

Alertrhino was er vandaaag niet dus ik heb in mn eentje geleerd hoe de function random werkt in p5js. Ik heb hiermee deze code gemaakt. Je kan het op de foto niet zien maar de achtergrond, de vormen en klueren veranderen constant, je krijgt er hoofdpijn van.

function setup() {
createCanvas(400, 400);
}

function draw() {
background(random(255),random(255),random(255));
fill(random(255),random(255),random(255))
stroke(random(255),random(255),random(255))
strokeWeight(10)
rect(random(300),random(300),random(300),random(300))
ellipse(random(400),random(400),random(400),random(400))
triangle(random(400),random(400),random(400),random(400),random(400),random(400))
}