[Quantum Continuum]: Criss-Cross made with P5JS - Spiritus Sanctus Style

Good morning, Dear Daniel ( @shiffman ) and P5JS-ians!

Let me please share with You this sketch idea ⚓ 👼

Live Demo: https://gvitalie.github.io/criss-cross/
Source Code: https://github.com/gvitalie/criss-cross/tree/gh-pages

Criss-Cross

Spiritus Sanctus

https://en.wiktionary.org/wiki/Spiritus_Sanctus

Template Sketch

Criss-Cross: made with P5JS 🔢

# sketch.js

function setup() {
	createCanvas(windowWidth, windowHeight);
}

function draw() {
  background(51);


  stroke('yellow');
  strokeWeight(10);
  noFill();


  push();
    stroke('red');
    strokeWeight(10);
    arc(width/2, height/2 - 420, 100, 100, PI, 0, PIE);
    translate(width/2 , height/2 - 420);
    for (let i = 0; i < 10; i++){
      if( i ) rotate(-PI/9);
      line(50, 0, 80, 0);
    }
  pop();

  line(width/2, height/2 - 400, width/2, height/2 + 300);
  line(width/2 - 200, height/2 - 200, width/2 + 200, height/2 - 200);
  line(width/2 - 200, height/2 - 100, width/2 + 200, height/2 + 200);

  push();
    stroke('red');
    strokeWeight(10);
    arc(width/2, height/2 + 320, 100, 100, 0, PI, PIE);
    translate(width/2 , height/2 + 320);
    for (let i = 0; i < 10; i++){
      if( i ) rotate(PI/9);
      line(50, 0, 80, 0);
    }
  pop();




  push();
    stroke('aqua');
    strokeWeight(10);
    translate(width/2 - 150, height/2 + 60);
    for (let i = 0; i < 3; i++){
      if (i > 0) rotate(PI/3);
      line(0, 50, 0, -50);
    }
  pop();
  push();
    noStroke();
    fill('aqua');
    translate(width/2 + 150, height/2);
    for (let i = 0; i < 100; i+=10){
      ellipse(0, i, i);
    }
  pop();


}

Lindsey Stirling - Dance of the Sugar Plum Fairy

Note: Clicking on image below will open a video on YouToBee.

Kris Kross - Jump

Note: Clicking on image below will open a video on YouToBee.

CGI Animated Short Film HD: "Quantum Jump Short Film" by Hayk Sahakyants

Note: Clicking on image below will open a video on YouToBee.

Lindsey Stirling - Warmer in the Winter Tease

Note: Clicking on image below will open a video on YouToBee.

まず、リンクされたライブデモ、外部ソースリポジトリ、埋め込まれた sketch.js の例を確認してください。issue では Suggestion-Box リポジトリ内の変更が特定されておらず、完了基準も指定されていないため、実装前にスコープと完了状態を確立する必要があります。