xxxxxxxxxx
45
function setup() {
createCanvas(400, 400);
}
function draw() {
background(255, 255, 255);
noStroke();
//blue joy con
b = color('#00c3e3');
fill(b);
rect(20, 100, 43, 120, 45, 0, 0, 45);
//red joycon
r = color('#e60012');
fill(r);
rect(320, 100, 43, 120, 0, 45, 45, 0);
//grey part of scren
g = color('#414548');
fill(g);
rect(63, 100, 257, 120);
//buttons
gb = color(40, 40, 50);
fill(gb);
//blue joy con buttons
circle(42, 135, 20);
circle(42, 171, 7);
circle(34, 179, 7);
circle(50, 179, 7);
circle(42, 187, 7);
rect(49, 110, 9, 3, 45);
//red joy con buttons
circle(342, 165, 20);
circle(342, 121, 7);
circle(342, 137, 7);
circle(350, 129, 7);
circle(334, 129, 7);
circle(332, 190, 10);
rect(328, 107, 3, 9, 45);
rect(325, 110, 9, 3, 45);
square(50, 195, 7);
w = color(255, 255, 255);
fill(w);
rect(85, 110, 213, 100);
}