Annonce

>>> Bienvenue sur codelab! >>> Première visite ? >>> quelques mots sur codelab //// une carte des membres//// (apéros) codelab


#1 2015-03-22 19:08:48 Mettre sketch processing avec processing.js + upload image

nahkira
membre
Date d'inscription: 2010-09-13
Messages: 17

Mettre sketch processing avec processing.js + upload image



Salut à tous

Et un grand bonjour à tous, ça faisait un petit moment que j'avais pas re-touché à processing et rendu visite au forum
de code lab.

Voilà ce qui m'amene, je fait des petits test pour mettre mon sketch en ligne avec processing.js, pour mon essai j'utilise aussi une petite image que j'upload avec le code suivant:   /* @pjs preload="si.jpg"; */  - Ce qui marche très bien, (je tiens à présiser ici, que mon image n'est pas dans un dossier "data", après quelques test, ça marche mieux quand l'image est au meme niveau que le sketch).

et j'ai donc tester de mettre un 2eme sketch, et là il ne fonctionne pas (il fonctionne en local, tout de meme) il affiche
quelques lignes, mais ne se lance pas - je souhaitais partager la meme image entre les 2 sketchs - vu l'echec j'ai renommé mon image pour en faire une 2eme, mais non tjs le meme résultat.

Peut etre qu'il n'est pas possible d'avoir 2 animations "processing" sur la meme page ?

merci de vos avis

voire la page http://nahkira.free.fr/testProcessingJs.html

Hors ligne

 

#2 2015-03-22 19:43:16 Re : Mettre sketch processing avec processing.js + upload image

Nicolas Lhommet
membre
Date d'inscription: 2014-01-18
Messages: 194

Re: Mettre sketch processing avec processing.js + upload image



salut, la question a été posée (il y a longtemps) sur stackoverflow, avec une veille réponse validée qui ne semble plus fonctionner, mais quelqu'un a proposé plus récemment une autre solution : http://stackoverflow.com/questions/1918 … -same-time
enfin je n'ai pas testé mais si j'ai bien compris, ça consiste à créer des balises scripts bien distinctes (avec un "id" différent) et idem pour les canvas utilisés...

sinon, même si ce n'est habituellement pas recommandé, tu peux créer deux pages web qui intègrent un seul sketch, pour les réunir ensuite dans une autre page, chargées chacune dans une "iframe", voir par exemple : http://www.w3schools.com/tags/tryit.asp … _scrolling (attention : une restriction de sécurité fait qu'on ne peut charger dans une iframe qu'une page issue du même sous-domaine)

Dernière modification par Nicolas Lhommet (2015-03-22 20:02:34)

Hors ligne

 

#3 2015-03-23 18:55:54 Re : Mettre sketch processing avec processing.js + upload image

Berenger
membre
Lieu: Nantes
Date d'inscription: 2010-06-02
Messages: 190
Site web

Re: Mettre sketch processing avec processing.js + upload image



Hello,

sur ce sujet je pense que p5.js est probablement plus adapté par ce qu'on peut instancier son fonctionnement (je sais pas trop si ça ce dit ce truc).

http://p5js.org/

bref en regardant le code à la fin de cette page : https://github.com/processing/p5.js/wik … tion-Cases
tu devrais comprendre comment ça marche  et du coup on peut mettre plein de sketchs sur la même page !

en gros processin.js est adapté si tu veux juste faire tourner un sketch processing sur internet, et p5.js est définitevement plus orienté web, il permet relativement simplement de créer des pages complexes et d'interagir avec d'autre éléments hmtl ou d'autres lib js.

Hors ligne

 

fil rss de cette discussion : rss

Pied de page des forums

Powered by FluxBB

codelab, graphisme & code : emoc / 2008-2024