Processing

Articles

• Commencer avec Processing
  27 janvier 2009, par Stéphane Noel

  Premières lignes de code dans le logiciel, pas àpas.

• Video : Coder une pièce historique de Dan Graham
  11 décembre 2009, par Stéphane Noel

  "Opposing Mirrors and Video Monitors on Time Delay" est une pièce historique de 1974 de Dan Graham. Elle utilisait une longue bande magnétique en boucle, constamment enregistrée et lue, produisant un délai de 8 secondes.
  A la fois conceptuelle et orientée sur une expérience sensorielle (voir sa proche image dans un passé immédiat), à la fois technologique et rudimentaire, cette pièce classé "vidéo-art" séduit par son aspect direct, ludique et ouvert dans son interprétation. (…)

• Dessiner avec curveVertex
  13 octobre 2011, par Stéphane Noel

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

• PDF : faire un livre àpartir de la camera
  27 octobre 2011, par Stéphane Noel

  Ce script fabrique un pdf. Sur chaque page, 9 d’images capturées à intervalle régulier (une seconde). On appuie sur une touche pour lancer la création du pdf, on appuie sur une touche pour la stopper à la fin de la prochaine feuille.
  Ce script peut évidemment être aménagé : le nombre d’images par page peut être adapté l’intervalle peut être réglé les marges peuvent être adaptées Ces variables sont en début de script.
  Les images sont collées les unes aux autres, mais une (…)

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

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

• Fabriquer un objet
  2 février 2010, par Stéphane Noel

  La programmation oriente objet a été inventée pour rendre plus facile le travail de développement. Il faut d’en rappeller avant de pousser des gémissement à l’idée d’apprendre "quelque chose de plus" en codage.
  Imaginons que je veuille faire une animation dans laquelle un balle réagit lorsqu’elle est heurtée par la souris. La balle aura une position dans l’espace, une vitesse (à 0 par défaut). Si la balle est survolée par la souris, la vitesse de la souris est transmise à la (…)

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

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