MediaWiki:Common.js

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. */

/* 

On the cover of the Volumetric Regimes book, we use a response to the Multi iOS application made by artist-researcher Winnie Soon, in which the face is not constructed out of typographic characters, but instead made out of variable geometric shapes using the Javascript library p5.js. The variable geometric face is published in the book Aesthetic Programming[1], where it is contextualised with a critical note on the face as a static technological symbolic object and "imperial machine": "The face is part of a surface that promotes sameness and ultimately rejects variations".[2]

[1]: Aesthetic Programming, a programming textbook written by Winnie Soon and Geoff Cox and published by Open Humanities Press, https://aesthetic-programming.net/pages/2-variable-geometry.html#section1
[2]: From the chapter Variable Geometries in Aesthetic Programming: "In A Thousand Plateaus, Gilles Deleuze and Félix Guattari conceive of the face as “overcoded,” imposed upon us universally, resonating with some of the comments we made earlier in this chapter about Unicode. Their main point is that the face — what they called the “facial machine” — is tied to a specific Western history of ideas (e.g. the face of Jesus Christ). This, in turn, situates the origins of the face with white ethnicity (despite Jesus’s birthplace) and what they call “facialization” (the imposition onto the subject of the face) has been spread by white Europeans, and thus provides a way to understand racial prejudice: “Racism operates by the determination of degrees of deviance to the White man’s face…”.18 The face is thus understood as an “imperial machine,” subsuming language and other semiotic systems. The face is part of a surface that promotes sameness and ultimately rejects variations."

https://aesthetic-programming.net/pages/2-variable-geometry.html#section1 

*/

/*Inspired by David Reinfurt's work - Multi*/
let moving_size = 50;
let static_size = 20;

function setup() {
  createCanvas(windowWidth, windowHeight);
  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));
 }
}/*Inspired by David Reinfurt's work - Multi*/
let moving_size = 50;
let static_size = 20;

function setup() {
  createCanvas(windowWidth, windowHeight);
  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));
 }
}

$(function () {
	var myElement = document.getElementById('variable-geometry');
	myElement.innerHTML = 'any HTML';
}());