On 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 (…)
Accueil > Mots-clés > Technologie > Processing
Processing
Articles
-
Parcourir la surface de l’animation en grille
5 février 2012, par Stéphane Noel -
PDF : faire un livre à partir de la camera
27 octobre 2011, par Stéphane NoelCe 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 (…) -
Flat earth : communication entre internet, processing et arduino
28 mai 2008, par Stéphane NoelMon 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 (…) -
Son : Utiliser le volume avec minim
18 novembre 2009, par Stéphane NoelVoici un script qui permet de récupérer le volume d’un micro (en chipotant un peu, d’un son préenregistré) en tant que valeur numérique.
Le code : import ddf.minim.* ;
PFont font ; PImage evans ;
float volume ;
// A ce seuil l’image est affichée à 100% de sa luminosité float seuil=4.0 ;
// initialiser la variable de moyenne float moyenne=0 ;
// le tampon determine la ractivité de l’apparition/disparition int tampon=10 ;
Minim minim ; AudioInput in ;
void setup() (…) -
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) ; (…) -
Lire un fichier xml
28 mars 2012, par Stéphane NoelCe 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 (…) -
Video et pdf : Fabriquer des images à partir d’un film
4 novembre 2009, par Stéphane NoelCe script permet de générer 100 images à partir d’un film, à intervalles réguliers. Il utilise la librairie vidéo de Processing et la fonction jump() pour choisir les frames.
Voici le code : import processing.video.* ; Movie lefilm ; // nombre d’images à prendre moins 1 int nombre_images=99 ; int capture_image=0 ;
void setup() size(640, 480) ; // pas besoin d’un framerate rapide // Ce n’est pas une animation mais une machine à produire des images frameRate(8) ; lefilm = (…) -
Texte : Un générateur de phrases
14 octobre 2009, par Stéphane NoelExercice 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 NoelCe 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 à (…) -
Fichiers : lister les fichiers contenus dans un dossier
11 décembre 2012, par Stéphane NoelPour charger 10 images, 10 sons, ou dix fichiers quelconques, on peut passer par une liste que l’on écrit en tête de fichier. Mais ça peut être fastidieux. Voici une classe permettant de lister les fichiers (en choisissant le type de fichier) contenu dans un dossier provenant du dossier du sketch.
Le code de la classe
// list_directory(nom du dossier, extension a filtrer separés par des |) ; // renvoie un array de string class list_directory String extension ; String[] (…)