Ustensiles numériques

Premièrement, je commence l'année en me dirigeant vers la création de visuels avec GEM, sur PureData, je m'en suis rapidement délié et j'ai trouvé processing (grâce à Amélie que je remercie d'ailleurs !), ainsi que P5js, mais il fallait encore en choisir un.

Ni une ni deux, je tape sur youtube “PROCESSING EXAMPLES”, ainsi que “P5JS EXAMPLES”, en espérant tomber sur des vidéos qui me donneront un avis très concret sur la situation, ainsi que sur mon choix. Mais bien évidemment, ce n'est pas du tout le cas. J'avais déjà une approche sur le monde de la programmation comme quelque chose de très vaste, et ce n'était que le début !

Bref je vous passe les lourds détails, je me décide à travailler sur processing, plus facile d'accès au niveau de l'installation, et puis je n'avais pas envie d'être sur mon navigateur pour travailler.

Voici en premier lieu, une vague explication de ce qu'est processing ;) Tu commences par déterminer ton environnement, et après tu te mets à créer des éléments quoi ! ^^' haha ! SAUF QUE bah du coup non parce que, si c'était si facile que ça, ça se saurait ! Mais bon vous avez compris c'est un grand langage doté d'une documentation #nerd #etc ! :^D

A : Processing, ça fait super peur !!(comme tous les autres trucs liés à la programmation etc..)

Voilà, donc bon là, à ce point là dans la timeline, j'ai à peu près réussi à faire bouger des rectangles de couleur. Bien évidemment le tout après avoir regardé une dizaine de tutos, qui tente de m'expliquer des détails de “Class” (trucs de catégories dans d'autres catégories #nerd).

Les tutos c'est vraiment très ennuyeux, et ce n'est pas un gain de temps à mon goût. Alors je me tourne vers la docu de processing ! qui est vraiment le lieu de tous les miracles en fait !

(lien ici : ===⇒ https://processing.org/reference/ ⇐==

Vous y trouverez ce qui vous intéresse, si vous vous y intéressez (#geek)

Cette partie consiste mine de rien à vous mettre en garde ! Vous n'êtes pas très bénéficiaire de gain de temps si vous ne contrôlez pas votre cerveau… En fait, de par 4 mois de pauvre expériences et recherches au sujet de processing, je ne débute qu'à peine et peut quand même vous assurer que le CYBER SKETCH est un art qui demande de la sagesse. On en reparle en conclusion, parce qu'en réalité c'est quand même très charmant comme approche du visuel par le code, donc c'est chouette pour débuter.

B : Mais c'est quand même vraiment chouette, (références etc..)

Après deux bonnes semaines, où j'accordais une partie de mon temps assez lourde à processing, j'ai commencé à comprendre des trucs.

Premièrement, VIVE INTERNET ! (je vous mets juste ici bon nombre de liens pour vous renseigner sur ce que des membres du cyber-espace proposent)

        
                  https://codepen.io/                                       (c'est souvent + du html du css et du js, mais si tu cherches y'a du processing au pire des cas ça te permet de te renseigner sur des trucs de fonctions, qui peuvent t'intéresser sur processing etc etc... )
                  https://www.sojamo.de/libraries/controlP5/
                  https://www.infinite.center/grid/                 (cette page est vraiment chouette aussi)
        
        

Je commence à trouver les sources qui m'intéressent, les lignes de codes et les éléments fréquemment utilisés, des fonctions qui me prennent par les tripes pour faire des trucs MEGA COOL et des animations en loop très cool. Fin bref… c'est les beaux jours quoi. J'arrive à me servir des connaissances sur internet pour apprendre quelques trucs cool issus des mathématiques, et en vrai c'est super chouette

        (je vous invite fortement a vous renseigner sur le site WEB == https://brilliant.org/ == )

Arrive le premier mois de pratique, où je commence à utiliser la couleur a bon escient, pour des choses qui m'intéressent réellement. J'ai déjà passé un petit bout de temps de ma vie sur processing, il est venu le moment de tenter de lier cela à mes pratiques personnelles.

Bon, je fais de la musique, avec des machines analogique parce que #oldskool, j'ai beaucoup pratiqué photoshop, illustrator, after effect, sony vegas etc… BREF, en gros je créé des trucs sur des ordinateurs et des machines quoi ! En plus ça tombe plutôt bien puisqu'il se trouve que Processing est praticable sur ordinateur lui aussi ! Je projetai alors, de trouver un moyen d'incorporer mes visuels sur des clips etc

A : La musique et processing ?

Y'a t'il des moyens rapides et efficaces pour faire des animations audioreact avec Processing ? Pas à mon niveau haha ! enfin si, j'aurai bien pu évidemment, mais ça aurait été une bonne manière de brûler des étapes, et donc de ne pas apprendre beaucoup de choses ( c'est super important de prendre son temps avec ces trucs de #nerd #geek !!!)

B : Des moyens alternatifs à processing, trouver des manière d'allier et de “”“rentabiliser”““

        
        Ainsi, je cherche alors des moyens d'exporter des vidéos 4K FULL UHQ 60 FPS, mais c'est rude, parce que c'est pas initialement fait pour ça !
        donc je regarde un peu sur le net, et y'a des addons qui permettent de faire ça correctement. Mais ça marche pas, puis il faut débugger etc... Voilà quelle sensation désagréable. Alors je trouve une manière alternative, mais ça marche pas encore tip top. APRES UNE HEURE DE RECHERCHE, je trouve un moyen d'exporter chaque seconde de mon animation, frame par frame. ça marche, maintenant je dois faire des suites d'image, en séquence, assez fluide. 
        Bon voilà j'espère que vous avez compris à quel point ça peut être chiant, surtout que je DETESTE PREMIERE PRO, et que c'est une possibilité importante à envisager pour moi afin de passer mes images en séquence """""rapidement"""".
        

Durant ce beau temps, ce court début d'année, je n'ai quand même pas figé mes pratiques personnelles, et à la maison j'ai beaucoup travaillé sur la Razzia, qui est un projet qui à maintenant bientôt un an ! Je ne suis vraiment pas seul sur ce projet, je suis par exemple accompagné de Nathan Prost et Laszlo Muller. Il s'agit d'un projet musical global, autour du quel nous avons fait naître une identité visuelle, à l'aide de photoshop, d'illustrator, PAINT, et j'en passe… Pour faire mûrir ce projet, nous avons déjà bien travaillé ! Mais il en faut encore plus !!!!

Ainsi, pendant tout ce début d'année, je n'ai pas fait que chômer, j'ai appris vraiment beaucoup de chose, par mon entrée à l'école, dans un environnement avec des gens qui recherchent de façon globale, tout comme moi, alors forcément les échanges de références ça va bien plus vite, j'ai bien plus d'occasions de travailler avec mes amis/collègues de travail. Je travaille principalement sur photoshop, qui plus est en ce moment je suis fan de bitmap donc ça m'aide vraiment beaucoup ! Je travaille aussi sur les autres logiciels d'adobe, mais encore sur Ableton pour produire ma musique, logique !

à l'heure actuelle, je remets globalement en question, mon usage de processing, en tant que presque logiciel simple de création. Ma vision n'était probablement pas encore assez large des possibilités de Processing, à utiliser à plus grande échelle, par des vidéo projecteurs… Utiliser Arduino, j'ai encore beaucoup de choses à apprendre ! Quoiqu'il en soit, je pense que processing n'était qu'un facteur de confirmation de mes goûts actuels. Un épisode dans ma grande quête d'influences artistiques globales. Et je suis content d'être là où je suis à l'heure actuelle, bien que ce n'est que la moitié de la première année haha WOOOHOOOOOOO !!!

         Je vous mets ici, une super code source que vous pouvez rentrer dans processing, pour le bonus quoi un peu ! 
         
         
         
        float t;

        void setup(){
        fullScreen();
        background(0);
        stroke(0);
        strokeCap(PROJECT);
        strokeWeight(2);
        frameRate(120);
        }
        void draw(){
 
        translate(width/2, height/2);
        fill(0);
        rotate(random(1, 360));  //JE SUIS JUSTE LA SUPPRIMEZ MOI SI VOUS VOULEZ
        fill(0);{
        stroke(220);
        rect(i(t), k(t), 10, 10);
        rect(i(t)*2, k(t)*2, 10, 10);
        rect(i(t)*2.5, k(t)*2.5, 10, 20);
        rect(i(t)*3.2, k(t)*3.2, 10, 25);
        fill(0);
        rect(i(t)*10, k(t)/10, 100, 100);
        rect((i(t)*5), (k(t)/5)+200, 100/2, 100/2);
        rect((i(t)*5), (k(t)/5)-200, 100/2, 100/2);
        rect((i(t)*5), (k(t)/5)+200, 100/2, 100/3.5);
        rect((i(t)*5), (k(t)/5)-200, 100/2, 100/3.5); 

        //rect(i(t)*2, k(t)*2, k(t)*1.5, i(t)*1.5);
        }
        stroke(255);
        fill( 0);
        rotate(90);
        rect(i(t), k(t), 10, 10);
        rect(i(t)*2, k(t)*2, 10, 10);
        rect(i(t)*2.5, k(t)*2.5, 10, 20);
        rect(i(t)*3.2, k(t)*3.2, 10, 25);

        //rect(i(t)*2, k(t)*2, k(t)*1.5, i(t)*1.5);
        rotate(180);
        rect(i(t), k(t), 10, 10);
        rect(i(t)*2, k(t)*2, 10, 10);
        rect(i(t)*2.5, k(t)*2.5, 10, 20);
        rect(i(t)*3.2, k(t)*3.2, 10, 25); 

        //rect(i(t)*2, k(t)*2, k(t)*2.5, i(t)*2.5);
        rotate(280);
        rect(i(t), k(t), 10, 10);
        rect(i(t)*2, k(t)*2, 10, 10);
        rect(i(t)*2.5, k(t)*2.5, 10, 20);
        rect(i(t)*3.2, k(t)*3.2, 10, 25); 
        //rect(xEl(t)/20, k2(t)*5, 20, 50);
        //rect(i(t)*2, k(t)*2, k(t)*1.05, i(t)*1.05);
        t+=0.05;

        }

        float i(float t){
        return cos(t/5)*100+sin(t/5)*100;
        }

        float k(float t){
        return cos(t/5)*100+sin(t*5);
        }

        float i2(float t){
        return cos(t*10)*150;
        }

        float k2(float t){
        return cos(t*10)*150;
        }

        float xEl(float t){
        return sin(t/2)*500;
        }

        float yEl(float t){
        return cos(t/2)*100;
        }