CodingTrain / CodingTrain/Suggestion-Box

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

Open
#689 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
570
Forks
85
PR merge metrics
No merged PRs in 30d

Description

![](http://static.skaip.org/img/emoticons/180x180/f6fcff/rainbow.gif) ![](http://static.skaip.org/img/emoticons/180x180/f6fcff/rainbowsmile.gif) ![](http://static.skaip.org/img/emoticons/180x180/f6fcff/rain.gif) ![](http://static.skaip.org/img/emoticons/180x180/f6fcff/flower.gif) ![](http://static.skaip.org/img/emoticons/180x180/f6fcff/sun.gif)

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

### Let me please share with You this sketch idea :anchor: :angel:

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

![](https://lh3.googleusercontent.com/1a10zm2K9aKizWjmoYghtkmz-XCt2i9Ybw7gj8TUht8OD1ZWob1JYp_YqZ731vls3LntAkQnraKry82H12DFP-RMd4DD-EW-GNChlk0051K_QV3pYJrR-gokFyVfqpKyayQs1lGj0FtRgs9mJujmAn-SzPmSKlrKsWWSJG1j0dHJQ1IA6U5gah8upDYsQhPHJftZGjDPWmuKu9pTRm65SBAGtc0f9PA_z_472LxCZKYQRVHTILKgxrYXxa2gIdWuM6rhEqq1tCX_AvbjlTiFw3fooTgJ0jqxn_ps0I1eHsvJ1X7L1JAT9YxIzXYA0WjIBZHMogktsgwKKLDGwU9si9dZw4_oQbx-w2a-b8TecTA9PeyIQPTzkZ0BYjV7ynLEdqsPjTLd3RYWAKjPeie48Lbfr83p9YhCRHa4Pl4gArgkXu-oMEEq6NziLnphx23CxB4-yR47O709NZjxExv9n2D5WEIOHPSpX8jCPcZ4mGqRfgXu200yGJQXD-jV4_FgujbuizkAJCTS43ciwiNV9L_MmJX3feH2socGi8ndFb7sFQ3HLsYv5fM9ZS9S9uXlDPlRW_N-0AARXYSXkqH3YlIv1CD7XqF1_XEZa8OtyHlO85X-KsJVdK4V0VyP7TPBRI4DhaZMLCS8l0MQjpoOMAGmgV7R56p_1Pc=w384-h673-no)

# Criss-Cross: made with P5JS :1234:

![](https://lh3.googleusercontent.com/VmGT9YVjouitRuykjHpxUxNsGR9lgAXM5xIa9Tcu7pRysQ4x5pjTeWFylOpdNZI-KoZIBtmObB7NcBE8uQVKGrTOFPhucFHzQHTP8U_MQ7sNP5rahtg3oJudcxlhA4IHKBX-qNV-DdvD0kDOrjUQUU0erP4TYDsXlWkvA3SaatoGC4eZIbK4AhGLFyK-G5Op9YT-csiRUgYXd2T_kDHtPK4sTMjhPxeEUeNWru8CxHr_vER7wIo0xQhuFLsTbCJGL-jVIaw_bTXpewo2FjevlnAY3eaH4mUKLbzoXjw79EwfR7rg9akomB9tcAkPMHE6ljY4I1ZNWGd7SRAwtFFY-ahhKYA9Yewj2WOer5xycsbGG-0LVxiAOlWb3fpUWRFH6fjtZ-zpoQ8y5sHu4s92-tij01OnMfMU5ZcNYmXgKWSi0cXxxAwuCFPxuTlnzHYXpDH3VanNbddvRg5VJ7PQvhoFP4kT_wiPGrKb31uD5hzXSHa8X5vZ8ige66Zo1E8v3MJDHLcQZBHQBaEG-OylOZrRbCZcKOJzKtezOF1jNjEGCfe5KvrLJGloy2msgKhZGxqY0OZUhoQekT7Mr8blYM-dkGLPMztuHFy1SAOGZwC1g5Lw0C-KCzdy8VvasgaalFpayQKGQaVpUpNeG4iBMbRz2LbSLo9B2Eo=w950-h1062-no)

```javascript
# 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._

[![](https://img.youtube.com/vi/0RkSy6ElNIY/maxresdefault.jpg)](https://youtu.be/0RkSy6ElNIY)

### Kris Kross - Jump

_Note: Clicking on image below will open a video on YouToBee._

[![](https://img.youtube.com/vi/010KyIQjkTk/0.jpg)](https://youtu.be/010KyIQjkTk)

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

_Note: Clicking on image below will open a video on YouToBee._

[![](https://img.youtube.com/vi/FVNJFBI0b-g/maxresdefault.jpg)](https://www.youtube.com/watch?v=FVNJFBI0b-g)

### Lindsey Stirling - Warmer in the Winter Tease

_Note: Clicking on image below will open a video on YouToBee._

[![](https://img.youtube.com/vi/xqKVi_qmsME/maxresdefault.jpg)](https://youtu.be/xqKVi_qmsME)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.