Difference between revisions of "MediaWiki:Common.js"
Jump to navigation
Jump to search
Line 3: | Line 3: | ||
mw.loader.load('https://github.com/processing/p5.js/releases/download/v1.4.0/p5.js'); | mw.loader.load('https://github.com/processing/p5.js/releases/download/v1.4.0/p5.js'); | ||
− | + | /*Inspired by David Reinfurt's work - Multi*/ | |
− | + | let moving_size = 50; | |
− | + | let static_size = 20; | |
− | |||
− | }); | + | function setup() { |
+ | var c = createCanvas(windowWidth, windowHeight); | ||
+ | c.parent("variable-geometry"); | ||
+ | frameRate(15); | ||
+ | } | ||
+ | |||
+ | function draw() { | ||
+ | //background | ||
+ | background(random(230, 240)); | ||
+ | //left | ||
+ | noStroke() | ||
+ | fill(0); | ||
+ | rect(97, 169, 79, 12); | ||
+ | |||
+ | //right | ||
+ | rect(365, 184, 20, 15); | ||
+ | fill(20, 20, 120); | ||
+ | |||
+ | beginShape(); | ||
+ | vertex(365, 199); | ||
+ | vertex(385, 199); | ||
+ | vertex(372, 216); | ||
+ | vertex(358, 216); | ||
+ | endShape(CLOSE); | ||
+ | |||
+ | //bottom | ||
+ | noFill(); | ||
+ | stroke(130); | ||
+ | strokeWeight(2); | ||
+ | ellipse(255, 350, static_size, static_size); | ||
+ | |||
+ | //mouse interactions | ||
+ | stroke(180); | ||
+ | ellipse(mouseX, mouseY, moving_size, moving_size); | ||
+ | |||
+ | if (mouseIsPressed) { | ||
+ | static_size = floor(random(5, 20)); | ||
+ | } | ||
+ | } |
Revision as of 12:27, 29 September 2021
/* Any JavaScript here will be loaded for all users on every page load. */ mw.loader.load('https://github.com/processing/p5.js/releases/download/v1.4.0/p5.js'); /*Inspired by David Reinfurt's work - Multi*/ let moving_size = 50; let static_size = 20; function setup() { var c = createCanvas(windowWidth, windowHeight); c.parent("variable-geometry"); frameRate(15); } function draw() { //background background(random(230, 240)); //left noStroke() fill(0); rect(97, 169, 79, 12); //right rect(365, 184, 20, 15); fill(20, 20, 120); beginShape(); vertex(365, 199); vertex(385, 199); vertex(372, 216); vertex(358, 216); endShape(CLOSE); //bottom noFill(); stroke(130); strokeWeight(2); ellipse(255, 350, static_size, static_size); //mouse interactions stroke(180); ellipse(mouseX, mouseY, moving_size, moving_size); if (mouseIsPressed) { static_size = floor(random(5, 20)); } }