Processing

Articles

• PDF : 40 pages avec des lignes aléatoires
  24 octobre 2010, par Stéphane Noel

  Un script complet pour générer un livre de 40 pages avec couverture avant et arrière. Le script lui-même génère des lignes avec un déplacement aléatoire. Dès que la ligne touche le bord de la zone définie pour le dessin, une nouvelle page est créée et un nouveau dessin démarre. Une fois les 40 pages créée, le script s’arrête.
  Le code a des variables paramétrables en tête du script, pour déterminer l’amplitude des lignes, le nombre de pages, les marges du dessin, (…)

• PDF : Produire un pdf avec processing
  22 septembre 2009, par Stéphane Noel

  Processing est un logiciel ouvert, on peut lui greffer des librairies, des ensembles de fonctions qui permettent d’étendre ses possibilités. Une de ces librairies, fournie avec processing, permet de générer les pdf.
  Comme la librairie est fournie avec Processing, on ne devra pas l’installer, juste l’inclure dans notre sketch.
  Pour cela, en tête du script, avant le setup, on importe la librairie. Cette opération invisible met à disposition le code de la librairie pour le reste de (…)

• Texte : Parcourir un texte mot par mot
  29 octobre 2009, par Stéphane Noel

  Grâ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 Noel

  Pour 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 (…)

• hour, minute, second : Une horloge avec processing
  10 février 2009, par Stéphane Noel

  Avec 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 (…)

• Lire un fichier xml
  28 mars 2012, par Stéphane Noel

  Ce code de lecture permet de lire un fichier xml écrit par le code contenu dans l’article "Créer un fichier xml".
  Voir l’article "créer un xml"
  Ce code génère une structure comme ceci < ?xml version="1.0" encoding="utf-8" ?> 73 71 69 70 71 71
  Des images stockées pixel par pixel dans un tag appelé "Bytes" lui-même à l’intérieur d’un tag appelé "EcranMatrix". On accède aux données comme suit.
  // Lecteur de fichier xml (…)

• Texte : Un générateur de phrases
  14 octobre 2009, par Stéphane Noel

  Exercice simple qui permet de se confronter à quelques nouvelles variables, les strings (chaines de caractères) et array (les variables dites "tableaux"), ainsi qu’afficher un texte.
  Le code ci après commence par créer trois variables tableaux (des arrays, donc) et stocke à l’intérieur une série de mots ou morceaux de phrases.
  Ensuite, à chaque exécution du draw, on choisit aléatoirement un des éléments de chaque array, on assemble le tout pour enfin l’afficher.
  Voici le code (…)

• Video : "Hacher" l’image provenant de la webcam
  4 novembre 2009, par Stéphane Noel

  Ce script lit l’image de la webcam mais n’en copie qu’une partie dans l’écran, ce qui "hache" l’image affichée, montrant différents moments dans la même image.
  Voici le code, court et commenté : import processing.video.* ; Capture webcam ; // nombre de lignes copiées en hauteur int hauteur=2 ;
  void setup()
  size(640, 480) ; frameRate(30) ; webcam = new Capture(this, width, height, 30) ;
  void draw() if(webcam.available()) webcam.read() ; // choisir le point à(…)

• Flat earth : communication entre internet, processing et arduino
  28 mai 2008, par Stéphane Noel

  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 (…)

• Translate, rotate et pushMatrix() en 2 dimensions
  10 mars 2013, par Stéphane Noel

  Les 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) ; (…)