processing ou p5.js ?

Mr Moule · 2016-01-03 16:48:03

Bonjour à tous, amis codelabeurs.

J'ai fouillé un peu sur le web, est apparemment je ne peux pas directement mettre un code processing sur mon site personnel en passant par du HTML. Mais alors, que dois-je faire ?
J'ai vaguement parlé avec mon ancien prof d'info et il m'a indiqué que c'était un autre code, très similaire au processing, mais qui différait sur certains point. Il s'agit du p5.js, alors est-ce que ça veut dire que je dois apprendre un nouveau langage afin de pouvoir faire ce que je souhaite à la base, ou existe-t-il un moyen d'y échapper ?
Car il faut l'avouer, ce ne sont pas des langages hyper facile, et j'ai déjà eu pas mal de difficulté à comprendre processing !

Merci à tous de votre réponse, et à bientôt !

Petit rappel, le code dont je parle a été mis en ligne sur cette page : http://codelab.fr/6010

Olivier · 2016-01-03 19:47:55

Il existe une solution pour publier ses sketchs Processing sur le web, c'est ProcessingJS : http://processingjs.org/
C'est ce qui est utilisé par OpenProcessing (http://www.openprocessing.org/ ) pour afficher les sketchs.

Le principe est de donner le lien vers SonFichier.pde et il y a une moulinette (ProcessingJS) qui le transforme en JavaScript pour qu'il puisse être exécuter dans une page web.
Ça marche très bien et je l'ai utilisé dans plusieurs projets.

Mais, car il y a un mais, le projet n'a pas été révisé depuis mars 2014.
Et pour cause, la fondation Processing a misé sur le développement de p5.js qui a vis à vis du JavaScript exactement la même approche que Processing l'a pour le Java : proposer un framework graphique simplifié pour les débutants.

J'ai exposé ma comparaison des deux ici il y a quelques jours : http://codelab.fr/6039-2#p30098

En espérant t'avoir aidé...

Mr Moule · 2016-01-04 14:14:04

Bonjour Olivier

Alors en effet, j'ai essayé le processingJS, mais comme tu le dis c'est vieux, mais j'arrive à retrouver mon code sur la page concernée !
Cela dit, mon problème ne vient pas de là (enfin, je pense). En effet, comme tu as pu précédemment le constater, mon code utilise la webcam. Donc sur ma page web, la fenêtre de lancement apparait, mais rien ne s'y passe ensuite. Je suppose donc qu'il y a un soucis au niveau d'une possible autorisation du lancement de l'appli via la webcam...

Je ne sais pas si je suis très clair, j'espère que tu me comprendras. Et si oui, saurais-tu m'éclairer sur comment remédier à cela ?

Merci bien

Olivier · 2016-01-04 18:28:07

Je t'avoue ne pas avoir été regarder ton sketch...
Je t'avais donné une réponse général...

Mais, effectivement, pour la gestion de la vidéo, il faudra passer par p5*js car, à ma connaissance, la gestion de la webcam nécessitait à l'époque de passer par la lib GSvidéo, non portée pour ProcessingJS.

Si tu veux que ton travaille soit accessible d'une page web, p5.js est donc la solution la plus simple pour toi.

Il y a ce projet qui utilise la webcam avec p5*js dont tu peux t'inspirer pour récupérer le flux vidéo.
http://emojibooth.biz/

Bon courage.

Annonce

#1 2016-01-03 16:48:03 processing ou p5.js ?

processing ou p5.js ?

#2 2016-01-03 19:47:55 Re : processing ou p5.js ?

Re: processing ou p5.js ?

#3 2016-01-04 14:14:04 Re : processing ou p5.js ?

Re: processing ou p5.js ?

#4 2016-01-04 18:28:07 Re : processing ou p5.js ?

Re: processing ou p5.js ?

Pied de page des forums