Mon projet lors du workshop "Hybrid scrapyard" mettait en jeu la connection entre un formulaire sur le web et le micro-contrôleur arduino, à travers un script de processing, qui ne servait qu’à passer l’info. Trois portions de code donc, présentées de manière brute ici.
1. La page web Cette page présente un formulaire et en récolte après postage l’information pour la traiter. Le script php écrit ensuite l’information dans un simple fichier texte. Il récolte aussi l’image d’une (…)
Accueil > Mots-clés > Technologie > Processing
Processing
Articles
-
Flat earth : communication entre internet, processing et arduino
28 mai 2008, par Stéphane Noel -
Ecrire et parser un fichier simple
23 novembre 2011, par Stéphane NoelLe parsing peut être défini en informatique comme l’opération d’extraire une information structurée d’un flux de données. Un ensemble de caractères informatiques d’un côté, une information utilisable de l’autre, et au milieu analyse et extraction.
-
Commencer avec Processing
27 janvier 2009, par Stéphane NoelPremières lignes de code dans le logiciel, pas à pas.
-
Parcourir la surface de l’animation en grille
5 février 2012, par Stéphane NoelOn peut parcourir la surface de l’animation pour y créer des éléments à intervalles réguliers, une grille donc. Deux boucles imbriquées y suffit.
Une variable "division" définit le nombre de division dans la page. On calcule la largeur et hauteur de la grille à partir de la taille de la fenêtre et du nombre de division.
Ensuite, une première boucle va parcourir l’axe vertical de l’animation, une deuxième va parcourir l’axe horizontal.
Ce script crée une ligne diagonale de (…) -
hour, minute, second : Une horloge avec processing
10 février 2009, par Stéphane NoelAvec quelques instructions, on peut produire avec Processing une horloge. Indiquer l’heure requiert de la fiabilité, des signes clairs, un mouvement identifiable. Autant de choses facilement réalisables avec Processing, le but sera ici de produire une clarté et un mouvement qui ne soit pas celui d’une horloge traditionnelle.
Les fonctions utiles Voici un script (l’exemple de la fonction "minute()") qui liste les 3 fonctions de base. Ces fonctions interrogent la montre de votre (…) -
Texte : Parcourir un texte mot par mot
29 octobre 2009, par Stéphane NoelGrâce à la fonction split() ou splitTokens(), on peut séparer un texte en petit morceaux et les stocker dans une variable tableau. Dans cet exemple on va afficher un texte long mot par mot.
Nous aurons besoin d’un texte long pour ce code. Dans mon essai, j’ai copié un conte de Hans Christian Andersen : Les habits neufs de l’empereur. J’ai simplement copié le texte du conte dans un document au format txt.
dans l’entête du script, on déclare une variable qui recevra le texte : (…) -
Le easing
29 octobre 2009, par Stéphane NoelPour donner un aspect plus naturel aux déplacements graphiques d’objets, il existe une série de calculs simples. Accélération, décélération, rebonds, trajectoires. Le easing est l’une de ces méthodes de calcul.
Une bille sur un sol plat ne se déplace pas de son point de départ à son point d’arrivée à la même vitesse : partant à toute vitesse, elle décélère jusqu’à s’arrêter. Cet effet ne demande pas de calcul complexe, un principe simple permet de l’émuler.
Pour (…) -
Dessiner avec curveVertex
13 octobre 2011, par Stéphane NoelcurveVertex permet de dessiner des courbes vectorielles. Il existe d’autres méthodes en Processing pour utiliser les vecteurs, mais curveVertex est la méthode la plus simple, du moment que l’on a compris sa logique.
La fonction est documentée sur le site de processing, ici. Elle contient, dans les parenthèses, deux ou trois informations : les coordonnées en x,y et éventuellement z.
curveVertex(10,30) ;
Pour créer une forme vectorielle avec curveVertex, on commencera et finira (…) -
Translate, rotate et pushMatrix() en 2 dimensions
10 mars 2013, par Stéphane NoelLes commandes translate() et rotate() permettent de déplacer le point d’origine d’une animation. Ces commandes affectent tous les dessins qui vont suivre. pushMatrix() va nous permettre d’isoler ces opérations, comme on le verra.
Translate Pour notre test, nous allons charger un fichier SVG, plutôt qu’une image. Le SVG est un format vectoriel à la norme ouverte, un concurrent open source au format illustrator, lisible nativement.
PShape m16 ;
void setup() size(600, 600) ; (…) -
Créer un fichier xml
6 décembre 2011, par Stéphane NoelCe script permet, à partir de la webcam, de générer un fichier xml. Une classe a été créée pour l’occasion. Elle peut créer un fichier xml et d’écrire des éléments à partir de l’analyse d’une image. Ce script a été produit pour une structure de xml bien précise. Pour l’écriture d’une autre structure il faudra modifier la classe...
La classe xml_writer Voici la classe voici le code : // classe xml_writer // crée un fichier xml // methode : // .initialise("nom_du_fichier") (…)