ZBrush France

Zone libre, complémentaire à ZBrush France => Les autres domaines de créations => Discussion démarrée par: Frenchy Pilou le 08 septembre 2018 à 00:35:39

Titre: Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 08 septembre 2018 à 00:35:39
Un nouveau concept : vous codez directement dans votre navigateur! Tout est gratuit! 

Le site : https://p5js.org/ (https://p5js.org/)
L'Editor : https://editor.p5js.org/ (https://editor.p5js.org/)

Have fun! :cool:

Prenez le train au vol, il décolle! :D
http://www.youtube.com/v/MXs1cOlidWs&fs=1&wmode=transparent
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 08 septembre 2018 à 00:38:37
Le chef de train est parti pour un long run! :)
En fait il est bien rodé, car c'est son troisième Opus   :wink:
- Processing
- P5.JS
- P5.JS Web Editor 
Et à chaque fois il repart à la base pour le débutant intégral! :bravo:

Les vidéos supportent le *2 ! Le *1.5 est super confortable! ;)

http://www.youtube.com/v/c3TeLi6Ns1E&fs=1&wmode=transparent

Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 08 septembre 2018 à 00:42:09
Un exemple (https://editor.p5js.org/full/rJX8zSXO7) dans votre navigateur!

C'est mon programme oui mais en fait non je l'ai honteusement copié dans mon éditeur!  :mrgreen:

Par contre curieux je ne peux pas le mettre ici en direct sur le forum...il faut que j'investigasse!  :lol:

Alors que sur d'autres forums ça marche!  :roll:

ça c'est le code donné par l'Editeur
<iframe src="https://editor.p5js.org/embed/rJX8zSXO7"></iframe>
ça c'est un code qui marche sur d'autres forums
<iframe width="730" height="410" src="https://editor.p5js.org/embed/rJX8zSXO7"></iframe>
Si quelqu'un peut jetter un oeil ...mes capacités en hard coding sont limitées!  :mrgreen:

Titre: Re : Un nouveau concept pour coder! ;)
Posté par: pid le 11 septembre 2018 à 13:46:50
Probablement une sécurité de SMF
Autoriser du code html dans les posts d'un forum, c'est pas trop recommandé ^^
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 11 septembre 2018 à 21:19:42
Pas trop grave puisqu'on peut mettre un lien direct! (https://editor.p5js.org/full/rJX8zSXO7) ;)

et même son code (https://editor.p5js.org/Pilou/sketches/rJX8zSXO7) que vous pouvez modifier en direct pour voir, (dites-moi si ça marche comme je le suppose) et sauvegarder si vous êtes enregistré (gratuit ;)

Reste à voir si le nuage qui reçoit est fiable dans la durée car j'ai pas encore trouvé comment on sauvegarde sur son ordi!  :?:

 :idea:
Bon comme c'est du simple texte un simple Copier/Coller dans NodePAd+ par exemple et c'est dans la poche la sauvegarde sur ordi!  :D
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: pid le 12 septembre 2018 à 11:24:37
ca te va pas dans le menu File/Download pour la sauvegarde locale ?
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 12 septembre 2018 à 14:29:16
J'avais même pas essayé pensant que cela faisait l'inverse!  :mrgreen:
Que l'on "chargeait" quelque chose dans l'éditeur! :shock:

Bravo!  :poucehaut:

Ps mon astuce évitait de dézipper! :)

Enfin maintenant l'inverse de l'ordi à l'éditeur ?
Le menu Open n'ouvre rien du tout venant de l'extérieur!
Il doit y avoir encore une astuce! :)

Peut-être un drag& drop sur quelque chose...car il faut plusieurs fichiers!

Par contre ce qui est bien c'est que cela peut marcher en local!  8)
Donc si Internet plante on peut continuer (sous réserve d'avoir sauvegardé avant of course! :)
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 13 septembre 2018 à 10:01:22
J'ai lancé des recherches un peu partout, il y a bien des infos qui vont revenir :)

Par contre là je n'arrive pas à recharger son code ! (de la vidéo suivante)
https://editor.p5js.org/codingtrain/sketches/HkDVpSvDm

C'est pareil pour vous ?

http://www.youtube.com/v/OMoVcohRgZA&fs=1&wmode=transparent
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 13 septembre 2018 à 20:01:35
Pour recharger quelque chose venant de l'ordi!
Ah, ça été long mais j'ai une piste solide! :)
La petite flèche vers le bas!
Y a plus qu'a ne pas faire d''erreur d'attribution! (du jaune sur fond blanc, c'est illisible)
C'est pas hyper clair mais y a du mieux! :) Choix dans le répertoire ou Drag& Drop!
(https://2img.net/h/s6.postimg.cc/khwmgv0dt/addfile.jpg)

Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 13 septembre 2018 à 21:53:55
J'ai commencé une page (http://moiscript.weebly.com/p5js-web-editor.html) pense-bête! :)
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 15 mars 2019 à 04:19:53
Après bien des vicissitudes je vois le bout du tunnel grâce à Makio (https://twitter.com/makio135)!   

ça marche!   
Vous pouvez mettre autant d'images que vous voulez!
Have fun!
Sur un site (http://moiscript.weebly.com/p5js-web-editor.html) merveilleux ! :)

En Full Screen (https://editor.p5js.org/Pilou/full/y1GHaBqyT) (recommandé)

Directement dans l'éditeur (https://editor.p5js.org/Pilou/sketches/y1GHaBqyT) pour le bidouiller suivant votre inspiration si vous n'avez pas peur et n'êtes pas cardiaques! :D
Bouton jaune Play et balancez une image PNG à fond transparent (les espaces vides)

Et une seconde après vous avez les yeux ébaubis devant tant de beauté naturelle!   
Tout dépend de votre image de départ! :)
Clic droit sur l'image pour l'enregistrer à votre guise!

ma première image test :) 
(https://i.postimg.cc/Z5SkZrSG/fleurs-makio01.jpg)
etc...
(https://i.postimg.cc/Bn6zJNzw/kop.jpg)
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 15 mars 2019 à 11:08:38
Et bien sûr avec n'importe quelle image d'objet 3D (moi3D ici) :)
ça rappelle les boutons de flipper de dans le temps de l'age d'or! :D

(https://i.postimg.cc/CK0xLSdm/moi-101.jpg)

MagicaVoxel
(https://i.postimg.cc/CxKWQjr1/magica0100.jpg)
Titre: Re : Un nouveau concept pour coder! ;)
Posté par: Frenchy Pilou le 15 mars 2019 à 15:44:45
(https://i.postimg.cc/26FXsq5F/mag4.jpg)