CodingTrain / CodingTrain/Suggestion-Box

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

Ouverte
#689 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
Aucune donnée de langage
Étoiles
570
Forks
85
Métriques de merge des PR
Aucune PR mergée en 30 j

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)

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Piste de recherche

Examinez d’abord la démo en direct liée, le dépôt de code source externe et l’exemple sketch.js intégré. L’issue n’identifie aucune modification dans le dépôt Suggestion-Box et ne précise aucun critère d’achèvement ; le périmètre et l’état d’achèvement devraient donc être établis avant l’implémentation.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
computer-graphics
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
15/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.