Difference between revisions of "MediaWiki:Common.js"

Revision as of 12:34, 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');

/* 

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*/
var moving_size = 50;
var static_size = 20;

function setup() {
  var c = createCanvas(windowWidth, windowHeight);
  c.parent('variable-geometry');
  frameRate(15);
}

function draw() {
  //background(random(230, 240));

  noStroke();
  fill(0);
  rect(97, 169, 79, 12);

  rect(365, 184, 20, 15);
  fill(20, 20, 120);

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

  noFill();
  stroke(130);
  strokeWeight(2);
  ellipse(255, 350, static_size, static_size);

  stroke(180);
  ellipse(mouseX, mouseY, moving_size, moving_size);

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