MediaWiki:Common.js

From Volumetric Regimes
Revision as of 12:18, 29 September 2021 by Manetta (talk | contribs)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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');
mw.loader.load('https://vvvvvvaria.org/~mb/downloads/variable-geometry.js');

let moving_size = 50;
let static_size = 20;

var c = createCanvas(600, 600);
c.parent("variable-geometry");
c.frameRate(15);
//background
c.background(random(230, 240));
//left
c.noStroke();
c.fill(0);
c.rect(97, 169, 79, 12);

//right
c.rect(365, 184, 20, 15);
c.fill(20, 20, 120);

beginShape();
c.vertex(365, 199);
c.vertex(385, 199);
c.vertex(372, 216);
c.vertex(358, 216);
c.endShape(CLOSE);

//bottom
c.noFill();
c.stroke(130);
c.strokeWeight(2);
c.ellipse(255, 350, static_size, static_size);

//mouse interactions
c.stroke(180);
c.ellipse(mouseX, mouseY, moving_size, moving_size);

if (mouseIsPressed) {
  static_size = floor(random(5, 20));
}