Archived Sketch
This sketch is created with an older version of Processing,
and doesn't work on browsers anymore.
2012-09-23 Week 1
by
- _2012_09_23_banner.pde
xxxxxxxxxxsize(640, 360);smooth();background(250);fill(176, 5, 255, 13);noStroke();for (int fff = 1; fff <= height+360; fff += 70) { for (int eee = 1; eee <= width-60; eee += 70) { ellipse(fff, eee, 20, 20); }}noStroke();fill(127, 225, 212, 15);for (int i = 1; i <400; i +=20) { ellipse(i+5, i+1, i+5, i+5);}fill(225, 225, 0, 2);for (int i = 1; i <400; i +=20) { ellipse(-5, i+50, i+50, i+50);}//polka dots!noStroke();int a = 0;int b = 10;int c = 15;int d = 30;int e = 45;int f = 60;int g = 75;int h = 90;int i = 105;int j = 120;int k = 135;int l = 150;int m = 165;int n = 180;int o = 195;int p = 210;int q = 225;int r = 240;int s = 255;int t = 270;int u = 285;int v = 300;int w = 315;int x = 330;int y = 345;int z = 360;int aa = 375;int bb = 390;int cc = 405;fill(220, 20, 60, 97);ellipse(640, a, b, b);ellipse(625, a, b, b);ellipse(610, a, b, b);ellipse(595, a, b, b);ellipse(580, a, b, b);ellipse(565, a, b, b);ellipse(550, a, b, b);ellipse(535, a, b, b);ellipse(520, a, b, b);ellipse(505, a, b, b);ellipse(490, a, b, b);ellipse(475, a, b, b);ellipse(460, a, b, b);ellipse(445, a, b, b);ellipse(430, a, b, b);fill(255, 48, 48, 100);ellipse(640, c, b, b);ellipse(625, c, b, b);ellipse(610, c, b, b);ellipse(595, c, b, b);ellipse(580, c, b, b);ellipse(565, c, b, b);ellipse(550, c, b, b);ellipse(535, c, b, b);ellipse(520, c, b, b);ellipse(505, c, b, b);ellipse(490, c, b, b);ellipse(475, c, b, b);ellipse(460, c, b, b);ellipse(445, c, b, b);ellipse(430, c, b, b);fill(255, 69, 0, 75);ellipse(640, d, b, b);ellipse(625, d, b, b);ellipse(610, d, b, b);ellipse(595, d, b, b);ellipse(580, d, b, b);ellipse(565, d, b, b);ellipse(550, d, b, b);ellipse(535, d, b, b);ellipse(520, d, b, b);ellipse(505, d, b, b);ellipse(490, d, b, b);ellipse(475, d, b, b);ellipse(460, d, b, b);ellipse(445, d, b, b);ellipse(430, d, b, b);fill(255, 125, 64, 75);ellipse(640, e, b, b);ellipse(625, e, b, b);ellipse(610, e, b, b);ellipse(595, e, b, b);ellipse(580, e, b, b);ellipse(565, e, b, b);ellipse(550, e, b, b);ellipse(535, e, b, b);ellipse(520, e, b, b);ellipse(505, e, b, b);ellipse(490, e, b, b);ellipse(475, e, b, b);ellipse(460, e, b, b);ellipse(445, e, b, b);ellipse(430, e, b, b);fill(255, 153, 18, 75);ellipse(640, f, b, b);ellipse(625, f, b, b);ellipse(610, f, b, b);ellipse(595, f, b, b);ellipse(580, f, b, b);ellipse(565, f, b, b);ellipse(550, f, b, b);ellipse(535, f, b, b);ellipse(520, f, b, b);ellipse(505, f, b, b);ellipse(490, f, b, b);ellipse(475, f, b, b);ellipse(460, f, b, b);ellipse(445, f, b, b);ellipse(430, f, b, b);fill(255, 255, 0, 75);ellipse(640, g, b, b);ellipse(625, g, b, b);ellipse(610, g, b, b);ellipse(595, g, b, b);ellipse(580, g, b, b);ellipse(565, g, b, b);ellipse(550, g, b, b);ellipse(535, g, b, b);ellipse(520, g, b, b);ellipse(505, g, b, b);ellipse(490, g, b, b);ellipse(475, g, b, b);ellipse(460, g, b, b);ellipse(445, g, b, b);ellipse(430, g, b, b);fill(192, 255, 62, 75);ellipse(640, h, b, b);ellipse(625, h, b, b);ellipse(610, h, b, b);ellipse(595, h, b, b);ellipse(580, h, b, b);ellipse(565, h, b, b);ellipse(550, h, b, b);ellipse(535, h, b, b);ellipse(520, h, b, b);ellipse(505, h, b, b);ellipse(490, h, b, b);ellipse(475, h, b, b);ellipse(460, h, b, b);ellipse(445, h, b, b);ellipse(430, h, b, b);fill(127, 255, 212, 75);ellipse(640, i, b, b);ellipse(625, i, b, b);ellipse(610, i, b, b);ellipse(595, i, b, b);ellipse(580, i, b, b);ellipse(565, i, b, b);ellipse(550, i, b, b);ellipse(535, i, b, b);ellipse(520, i, b, b);ellipse(505, i, b, b);ellipse(490, i, b, b);ellipse(475, i, b, b);ellipse(460, i, b, b);ellipse(445, i, b, b);ellipse(430, i, b, b);fill(0, 250, 154, 75);ellipse(640, j, b, b);ellipse(625, j, b, b);ellipse(610, j, b, b);ellipse(595, j, b, b);ellipse(580, j, b, b);ellipse(565, j, b, b);ellipse(550, j, b, b);ellipse(535, j, b, b);ellipse(520, j, b, b);ellipse(505, j, b, b);ellipse(490, j, b, b);ellipse(475, j, b, b);ellipse(460, j, b, b);ellipse(445, j, b, b);ellipse(430, j, b, b);fill(0, 238, 118, 75);ellipse(640, k, b, b);ellipse(625, k, b, b);ellipse(610, k, b, b);ellipse(595, k, b, b);ellipse(580, k, b, b);ellipse(565, k, b, b);ellipse(550, k, b, b);ellipse(535, k, b, b);ellipse(520, k, b, b);ellipse(505, k, b, b);ellipse(490, k, b, b);ellipse(475, k, b, b);ellipse(460, k, b, b);ellipse(445, k, b, b);ellipse(430, k, b, b);fill(0, 201, 87, 75);ellipse(640, l, b, b);ellipse(625, l, b, b);ellipse(610, l, b, b);ellipse(595, l, b, b);ellipse(580, l, b, b);ellipse(565, l, b, b);ellipse(550, l, b, b);ellipse(535, l, b, b);ellipse(520, l, b, b);ellipse(505, l, b, b);ellipse(490, l, b, b);ellipse(475, l, b, b);ellipse(460, l, b, b);ellipse(445, l, b, b);ellipse(430, l, b, b);fill(0, 199, 140, 75);ellipse(640, m, b, b);ellipse(625, m, b, b);ellipse(610, m, b, b);ellipse(595, m, b, b);ellipse(580, m, b, b);ellipse(565, m, b, b);ellipse(550, m, b, b);ellipse(535, m, b, b);ellipse(520, m, b, b);ellipse(505, m, b, b);ellipse(490, m, b, b);ellipse(475, m, b, b);ellipse(460, m, b, b);ellipse(445, m, b, b);ellipse(430, m, b, b);fill(72, 209, 204, 75);ellipse(640, n, b, b);ellipse(625, n, b, b);ellipse(610, n, b, b);ellipse(595, n, b, b);ellipse(580, n, b, b);ellipse(565, n, b, b);ellipse(550, n, b, b);ellipse(535, n, b, b);ellipse(520, n, b, b);ellipse(505, n, b, b);ellipse(490, n, b, b);ellipse(475, n, b, b);ellipse(460, n, b, b);ellipse(445, n, b, b);ellipse(430, n, b, b);fill(121, 205, 205, 75);ellipse(640, o, b, b);ellipse(625, o, b, b);ellipse(610, o, b, b);ellipse(595, o, b, b);ellipse(580, o, b, b);ellipse(565, o, b, b);ellipse(550, o, b, b);ellipse(535, o, b, b);ellipse(520, o, b, b);ellipse(505, o, b, b);ellipse(490, o, b, b);ellipse(475, o, b, b);ellipse(460, o, b, b);ellipse(445, o, b, b);ellipse(430, o, b, b);fill(0, 255, 255, 75);ellipse(640, p, b, b);ellipse(625, p, b, b);ellipse(610, p, b, b);ellipse(595, p, b, b);ellipse(580, p, b, b);ellipse(565, p, b, b);ellipse(550, p, b, b);ellipse(535, p, b, b);ellipse(520, p, b, b);ellipse(505, p, b, b);ellipse(490, p, b, b);ellipse(475, p, b, b);ellipse(460, p, b, b);ellipse(445, p, b, b);ellipse(430, p, b, b);fill(152, 245, 255, 75);ellipse(640, q, b, b);ellipse(625, q, b, b);ellipse(610, q, b, b);ellipse(595, q, b, b);ellipse(580, q, b, b);ellipse(565, q, b, b);ellipse(550, q, b, b);ellipse(535, q, b, b);ellipse(520, q, b, b);ellipse(505, q, b, b);ellipse(490, q, b, b);ellipse(475, q, b, b);ellipse(460, q, b, b);ellipse(445, q, b, b);ellipse(430, q, b, b);fill(0, 191, 255, 75);ellipse(640, r, b, b);ellipse(625, r, b, b);ellipse(610, r, b, b);ellipse(595, r, b, b);ellipse(580, r, b, b);ellipse(565, r, b, b);ellipse(550, r, b, b);ellipse(535, r, b, b);ellipse(520, r, b, b);ellipse(505, r, b, b);ellipse(490, r, b, b);ellipse(475, r, b, b);ellipse(460, r, b, b);ellipse(445, r, b, b);ellipse(430, r, b, b);fill(51, 161, 201, 75);ellipse(640, s, b, b);ellipse(625, s, b, b);ellipse(610, s, b, b);ellipse(595, s, b, b);ellipse(580, s, b, b);ellipse(565, s, b, b);ellipse(550, s, b, b);ellipse(535, s, b, b);ellipse(520, s, b, b);ellipse(505, s, b, b);ellipse(490, s, b, b);ellipse(475, s, b, b);ellipse(460, s, b, b);ellipse(445, s, b, b);ellipse(430, s, b, b);fill(67, 110, 238, 75);ellipse(640, t, b, b);ellipse(625, t, b, b);ellipse(610, t, b, b);ellipse(595, t, b, b);ellipse(580, t, b, b);ellipse(565, t, b, b);ellipse(550, t, b, b);ellipse(535, t, b, b);ellipse(520, t, b, b);ellipse(505, t, b, b);ellipse(490, t, b, b);ellipse(475, t, b, b);ellipse(460, t, b, b);ellipse(445, t, b, b);ellipse(430, t, b, b);fill(0, 0, 205, 75);ellipse(640, u, b, b);ellipse(625, u, b, b);ellipse(610, u, b, b);ellipse(595, u, b, b);ellipse(580, u, b, b);ellipse(565, u, b, b);ellipse(550, u, b, b);ellipse(535, u, b, b);ellipse(520, u, b, b);ellipse(505, u, b, b);ellipse(490, u, b, b);ellipse(475, u, b, b);ellipse(460, u, b, b);ellipse(445, u, b, b);ellipse(430, u, b, b);fill(0, 0, 139, 90);ellipse(640, v, b, b);ellipse(625, v, b, b);ellipse(610, v, b, b);ellipse(595, v, b, b);ellipse(580, v, b, b);ellipse(565, v, b, b);ellipse(550, v, b, b);ellipse(535, v, b, b);ellipse(520, v, b, b);ellipse(505, v, b, b);ellipse(490, v, b, b);ellipse(475, v, b, b);ellipse(460, v, b, b);ellipse(445, v, b, b);ellipse(430, v, b, b);fill(71, 60, 139, 75);ellipse(640, w, b, b);ellipse(625, w, b, b);ellipse(610, w, b, b);ellipse(595, w, b, b);ellipse(580, w, b, b);ellipse(565, w, b, b);ellipse(550, w, b, b);ellipse(535, w, b, b);ellipse(520, w, b, b);ellipse(505, w, b, b);ellipse(490, w, b, b);ellipse(475, w, b, b);ellipse(460, w, b, b);ellipse(445, w, b, b);ellipse(430, w, b, b);fill(155, 48, 255, 75);ellipse(640, x, b, b);ellipse(625, x, b, b);ellipse(610, x, b, b);ellipse(595, x, b, b);ellipse(580, x, b, b);ellipse(565, x, b, b);ellipse(550, x, b, b);ellipse(535, x, b, b);ellipse(520, x, b, b);ellipse(505, x, b, b);ellipse(490, x, b, b);ellipse(475, x, b, b);ellipse(460, x, b, b);ellipse(445, x, b, b);ellipse(430, x, b, b);fill(205, 0, 205, 75);ellipse(640, y, b, b);ellipse(625, y, b, b);ellipse(610, y, b, b);ellipse(595, y, b, b);ellipse(580, y, b, b);ellipse(565, y, b, b);ellipse(550, y, b, b);ellipse(535, y, b, b);ellipse(520, y, b, b);ellipse(505, y, b, b);ellipse(490, y, b, b);ellipse(475, y, b, b);ellipse(460, y, b, b);ellipse(445, y, b, b);ellipse(430, y, b, b);ellipse(640, z, b, b);ellipse(625, z, b, b);ellipse(610, z, b, b);ellipse(595, z, b, b);ellipse(580, z, b, b);ellipse(565, z, b, b);ellipse(550, z, b, b);ellipse(535, z, b, b);ellipse(520, z, b, b);ellipse(505, z, b, b);ellipse(490, z, b, b);ellipse(475, z, b, b);ellipse(460, z, b, b);ellipse(445, z, b, b);ellipse(430, z, b, b);ellipse(640, aa, b, b);ellipse(625, aa, b, b);ellipse(610, aa, b, b);ellipse(595, aa, b, b);ellipse(580, aa, b, b);ellipse(565, aa, b, b);ellipse(550, aa, b, b);ellipse(535, aa, b, b);ellipse(520, aa, b, b);ellipse(505, aa, b, b);ellipse(490, aa, b, b);ellipse(475, aa, b, b);ellipse(460, aa, b, b);ellipse(445, aa, b, b);ellipse(430, aa, b, b);ellipse(640, bb, b, b);ellipse(625, bb, b, b);ellipse(610, bb, b, b);ellipse(595, bb, b, b);ellipse(580, bb, b, b);ellipse(565, bb, b, b);ellipse(550, bb, b, b);ellipse(535, bb, b, b);ellipse(520, bb, b, b);ellipse(505, bb, b, b);ellipse(490, bb, b, b);ellipse(475, bb, b, b);ellipse(460, bb, b, b);ellipse(445, bb, b, b);ellipse(430, bb, b, b);ellipse(640, cc, b, b);ellipse(625, cc, b, b);ellipse(610, cc, b, b);ellipse(595, cc, b, b);ellipse(580, cc, b, b);ellipse(565, cc, b, b);ellipse(550, cc, b, b);ellipse(535, cc, b, b);ellipse(520, cc, b, b);ellipse(505, cc, b, b);ellipse(490, cc, b, b);ellipse(475, cc, b, b);ellipse(460, cc, b, b);ellipse(445, cc, b, b);ellipse(430, cc, b, b);//bannerstroke(1);strokeWeight(.15);strokeJoin(ROUND);fill(176, 226, 255);quad(341.3, 17.35, 469, 17.35, 450.33, 53.61, 341.3, 53.61);quad(124.77, 53.75, 233.76, 53.75, 233.76, 90.15, 106.1, 90.15);fill(141, 182, 205);triangle(170.95, 71.95, 233.76, 71.95, 233.76, 90.02);triangle(404.12, 35.27, 341.3, 35.27, 341.3, 17.35);fill(176, 226, 255);quad(170.95, 35.27, 404.12, 35.27, 404.12, 71.95, 170.95, 71.95);//outline banner//stroke(1);//strokeWeight(.25);//strokeCap(ROUND);line(170.95, 35.27, 341.3, 35.27);line(341.3, 35.27, 341.3, 17.35);line(341.3, 17.35, 469, 17.35);line(469, 17.35, 450.33, 53.61);line(450.33, 53.61, 404.12, 53.75);line(404.12, 53.75, 404.12, 71.95);line(404.12, 71.95, 233.76, 71.95);line(233.76, 71.95, 233.76, 90.15);line(233.76, 90.15, 106.1, 90.15);line(106.1, 90.15, 124.77, 53.75);line(124.77, 53.75, 170.95, 53.75);line(170.95, 53.75, 170.95, 35.27);//random infografixnoStroke();fill(0, 245, 255, 14);ellipse(100, 200, 75, 75);fill(0, 245, 255, 34);ellipse(200, 260, 225, 225);fill(179, 238, 58, 55);arc(170, 160, 110, 110, 0, PI+HALF_PI);fill(179, 238, 58, 55);arc(170, 160, 110, 110, 0, PI+HALF_PI);//crazy thingnoStroke();fill(192);beginShape();vertex(509, 419.75); vertex(491, 324);vertex(540.5, 234.5);vertex(470.5, 299);vertex(372.5, 299);vertex(461, 331);endShape();beginShape();vertex(540.5, 234.5);vertex(596.25, 319);vertex(652, 342);vertex(586, 353.5);vertex(509, 419.75);vertex(569, 334);endShape(CLOSE);beginShape();vertex(288, 286);vertex(311, 333);vertex(372.5, 299);vertex(322.5, 367);vertex(313, 367);endShape(CLOSE);triangle(372.5, 299, 412, 396, 383, 399.5);//4noStroke();fill(128);quad(391.5, 408, 466, 305, 591.5, 329.5, 475, 326.5);quad(288, 286, 336, 289, 391.5, 408, 336, 308);quad(587, 168, 565.5, 219.5, 591.5, 329.5, 551, 204.5);triangle(591.5, 329.5, 571.5, 367, 565.5, 367);triangle(591.5, 329.5, 647, 266, 640, 291);beginShape();vertex(587, 168);vertex(640, 267.5);vertex(652, 342);vertex(614, 246.5);vertex(540.5, 234.5);vertex(608, 218);endShape();beginShape();vertex(587, 168);vertex(540.5, 164.5);vertex(540.5, 234.5);vertex(507, 162.5);vertex(406.11, 147.35);vertex(467.5, 138.5);endShape(CLOSE);beginShape();beginShape();beginShape();//3fill(192);triangle(591.5, 329.5, 626, 408, 606, 411.5);quad(587, 168, 647, 266, 591.5, 329.5, 627, 261);beginShape();vertex(406.11, 147.35);vertex(346.5, 224.5);vertex(372.5, 299);vertex(324, 249);vertex(288, 286);vertex(347.06, 199.5);endShape(CLOSE);beginShape();vertex(406.11, 147.35);vertex(444, 198);vertex(540.5, 234.5);vertex(440, 229);vertex(372.5, 299);vertex(415, 209);endShape();//1fill(255);quad(427, 194, 466, 305, 391.5, 408, 446, 305);quad(427, 194, 538.5, 196.5, 587, 168, 551, 204.5);quad(406, 147.39, 472, 126, 427, 194, 450.5, 142.5);quad(406, 147.39, 368, 174.5, 427, 194, 340, 180);quad(288, 286, 340, 270.5, 427, 194, 336, 289);triangle(288, 286, 313, 367, 299, 360);triangle(591.5, 329.5, 565.5, 367, 554.5, 367);//2fill(245);quad(427, 194, 480.5, 289, 591.5, 329.5, 466, 305);quad(427, 194, 551, 204.5, 591.5, 329.5, 538, 223.75);quad(427, 194, 472, 126, 587, 168, 482.5, 146);quad(427, 194, 347, 199.5, 288, 286, 340, 180);quad(427, 194, 361, 292, 391.5, 408, 336, 289);quad(1, 1, 2, 2, 3, 3, 4, 4);triangle(591.5, 329.5, 626, 382, 626, 408);fill(0, 0, 225, 70);arc(80, 260, 120, 120, QUARTER_PI, PI+QUARTER_PI);arc(220, 290, 100, 100, 2, TWO_PI+HALF_PI);fill(255, 64, 64, 99);arc(160, 240, 100, 100, 1, PI+HALF_PI);This will be the default layout for your sketches
Easy on the eyes
It will show up when there is an error or print() in code
Disabled: Only available on p5js sketches.
Closes parenthesis-like characters automatically as you type
Controls
Play
Ctrl+Enter
Code
Ctrl+Shift+Enter
Save
Ctrl+S
Interface
Fullscreen
Ctrl+Alt+F
Switch Layout
Ctrl+Alt+L
Settings
Ctrl+Alt+.
Editor
Tidy Code
Ctrl+B
Multiple Cursors
Ctrl+Click
Duplicate Line/Selection
Ctrl+Shift+D
Move Line
Alt+↑/↓
Select Multiple
Ctrl+D
Find in Code
Ctrl+F
Find Next
Ctrl+G
Find Previous
Ctrl+Shift+G