Les cookies assurent le bon fonctionnement de nos services. En utilisant ces derniers, vous acceptez l'utilisation des cookies. En savoir plus

COSMOTRON

Sauvegarder: 0 J'aime

Partager:

Difficulté:

Bonjour,

Ceci est un tutoriel de photomaton destinée à prendre des photo sur le thème de l'espace.

Il remplace une couleur défini par une image choisi.

Le langage utilisé est javascript avec la librairie P5JS

Matériel :

Budget : 1€

Etape 1 : VARIABLE

Voici les Variables,

Elles sont obligatoire pour pouvoir créer des codes qui fonctionne . 


Etape 2 : SETUP

Voici la function setup,

C'est une fonction nécessaire au codage, elle sert à paramétrer toute les variable écrite précédemment.

Elle n'est appeler qu'une seule fois au début.


Etape 3 : DRAW

Voici la function Draw,

Chaque image qui apparaîtra sur l'écran, sera dessiné par cette fonction.

Exemple : L'image transmise par votre webcam (ou autre) au codage, sera dessiner par cette fonction.

Etape 4 : WINDOW RESIZED

Function windowResized,

Cette fonction n'est pas très grande, mais elle permet de définir la largeur et la hauteur du canvas et de la camera.

Grâce à cette fonction, le canvas et la camera s'adapte à la taille de votre écran. 

Etape 5 : DESSINER CAMERA

Function dessinerCamera,

Fonction qui est appeler dans Draw pour pouvoir définir l'image de la camera,  et que Draw la dessine. 

Etape 6 : DISTANCE

Function distance,

Fonction qui sert à afficher le calcul de couleur, il calcul la distance des couleurs.

Etape 7 : MOUSE CLICKED

Function mouseClicked,

C'est une fonction qui est appeler quand la souris clic sur un bouton ou sur l'image. 

Elle calcule la position de la souris ainsi qu'a détecter la couleur sous la souris quand on clic. 

Etape 8 : PHOTO

Function Photo

C'est la fonction qui permet de définir les actions du bouton photo, permet de définir la date et l'heure de la prise.

Etape 9 : TEXT AFFICHE

Function textAffiche,

C'est la function qui définie le texte afficher pendant le compte à rebours.

Etape 10 : SUIVANT

Function Suivant,

Fonction du bouton suivant, permet de faire défiler les images qui remplaceront la couleur à remplacer.

Etape 11 : CHARGER IMG

Function chargerImg,

Permet de télécharger les images  qui sont utiliser pour le remplacement de couleurs. 

Etape 12 : HIDE SHOW

Function hideShow,

Cette fonction permet de pouvoir créer un bouton qui nous permet de cacher les autres boutons. 

Etape 13 : SLIDER CHANGE

Function sliderChange,

Défini un seuil, qui ce modifie en bougeant le petit bouton sur la barre du haut. 

Etape 14 : POSITION BUTTON

Function position_button,

Permet de définir la position de chaque boutons. 

Etape 15 :

Function pleinEcran,

Comme son nom l'indique la fonction permet de mettre en plein écran. 

Etape 16 : ÉTOILE

Function etoile,

Permet de créer, de définir la taille ainsi que le mouvement de l'étoile.

Etape 17 : DRAW VIDEO

Function drawVideo,

Permet d'intégrer les étoiles à l'arrière plan.

Sources :

COSMOTRON < Source GitHub avec le code en entier. 


Sauvegarder: 0 J'aime

Partager:

Recevez une fois par mois les meilleurs tutoriels Déco dans votre boîte mail


Ces tutoriels devraient vous plaire

Gestion des gpio du Raspberry Pi avec Python3.x
Ruban à leds RGB connecté
Comment fabriquer son filament pour imprimante 3D

Tivny

Suivre

Vues: 564
J'aime: 0

Découvrez d'autres tutoriels de

Tivny

Découvrez tous les tutoriels partagés sur Oui Are Makers