@ -0,0 +1 @@ |
||||
.idea |
@ -0,0 +1,6 @@ |
||||
{ |
||||
"display_name": "Bed Side-Chooser", |
||||
"info_text": "Small program written by Selina to know on which side of the bed she should sleep.", |
||||
"visible": false, |
||||
"tags": ["Tool"] |
||||
} |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 16 KiB |
@ -0,0 +1,15 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"> |
||||
<title>Idek</title> |
||||
<style> body {padding: 0; margin: 0;} </style> |
||||
<script src="p5.js"></script> |
||||
<script src="p5.dom.js"></script> |
||||
<script src="main bed random.js"></script> |
||||
|
||||
</head> |
||||
<body> |
||||
</body> |
||||
</html> |
After Width: | Height: | Size: 8.8 KiB |
After Width: | Height: | Size: 6.6 KiB |
After Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 10 KiB |
@ -0,0 +1,89 @@ |
||||
let imgL; |
||||
let imgR; |
||||
let imagesL = []; |
||||
let imagesR = []; |
||||
let hearts = []; |
||||
function preload() { |
||||
imgL = loadImage('bedrandomL.png'); |
||||
imgR = loadImage('bedrandomR.png'); |
||||
//imgLy = loadImage('l_yellow.png');
|
||||
//imgRb = loadImage('r_blue.png');
|
||||
imagesL[0] = loadImage('l_blue.png'); |
||||
imagesL[1] = loadImage('l_green.png'); |
||||
imagesL[2] = loadImage('l_rose.png'); |
||||
imagesL[3] = loadImage('l_yellow.png'); |
||||
|
||||
imagesR[0] = loadImage('r_blue.png'); |
||||
imagesR[1] = loadImage('r_green.png'); |
||||
imagesR[2] = loadImage('r_rose.png'); |
||||
imagesR[3] = loadImage('r_yellow.png'); |
||||
|
||||
} |
||||
function setup() { |
||||
createCanvas(window.innerWidth, window.innerHeight);
|
||||
colorMode(HSB); |
||||
background(315, 20, 70); |
||||
angleMode(DEGREES); |
||||
imageMode(CENTER); |
||||
|
||||
|
||||
for(let i = 0; i < 75; i++){ |
||||
hearts.push(new Heart(random(0, window.innerWidth), random(0, window.innerHeight), random(5,25), color(random(285,320),random(30,75),random(65,100)))); |
||||
hearts[i].show(); |
||||
} |
||||
|
||||
image(imgL, window.innerWidth/4, window.innerHeight/2); |
||||
image(imgR, 3*window.innerWidth/4, window.innerHeight/2); |
||||
|
||||
|
||||
knopf = createButton('Wo soll Selina schlafen?'); |
||||
knopf.size(250, 75) |
||||
var col = color(275, 51, 75) |
||||
knopf.style('background-color', col) |
||||
knopf.style('font-size', '15pt') |
||||
knopf.position(window.innerWidth/2 - knopf.width/2, window.innerHeight/2 - knopf.height/2); |
||||
knopf.mousePressed(entscheidung);
|
||||
} |
||||
|
||||
let a |
||||
function entscheidung() { |
||||
//a = Math.random() < 0.5 ? true : false
|
||||
if(Math.random() < 0.5) { |
||||
a = true |
||||
} else { |
||||
a = false |
||||
}
|
||||
if(a) { |
||||
image(random(imagesL), window.innerWidth/4, window.innerHeight/2) |
||||
image(imgR, 3*window.innerWidth/4, window.innerHeight/2) |
||||
} else { |
||||
image(random(imagesR), 3*window.innerWidth/4, window.innerHeight/2) |
||||
image(imgL, window.innerWidth/4, window.innerHeight/2) |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
class Heart {
|
||||
|
||||
constructor(x, y, r, c){ |
||||
this.x = x; |
||||
this.y = y; |
||||
this.r = r; |
||||
this.c = c; |
||||
} |
||||
|
||||
show(){ |
||||
fill (this.c); |
||||
noStroke(); |
||||
ellipse(this.x-23/25*this.r, this.y-10/25*this.r, 2*this.r, 2*this.r); |
||||
ellipse(this.x+23/25*this.r, this.y-10/25*this.r, 2*this.r, 2*this.r);
|
||||
|
||||
beginShape(); |
||||
vertex(this.x, this.y-10/25*this.r); |
||||
vertex(this.x-23/25*this.r+cos(137)*this.r, this.y-10/25*this.r+sin(137)*this.r); |
||||
vertex(this.x, this.y+50/25*this.r); |
||||
vertex(this.x+23/25*this.r+cos(38)*this.r, this.y-10/25*this.r+sin(38)*this.r); |
||||
endShape(CLOSE);
|
||||
} |
||||
} |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 7.8 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 139 KiB |