3d grid

Simple sample to draw a 3d grid with variable resolution and texturing. The elements of the grids are displaced with a sinus function to result in a flag effect.

A vos ordres !

Faire tourner deux arcs de cercle avec le clavier. Utilisation de la fonction arc, de keyPressed, de key, de keyCode. Utilisation d’angles

abstractmachine_image (réparé)

alterner avec un clic

Cet exemple permet d’alterner entre deux états. Il utilise une variable pour se souvenir de l’état précédent (et donc alterner).

Angles, Rayons, Sinus et Cosinus

Un petit programme qui montre comment faire se déplacer une forme en utilisant un vecteur de déplacement avec angle/rayon plutôt que x/y.

ArrayList un petit exemple loin d’être parfait...

Voici un petit sketch qui peut servir à apprendre les ArrayList de Java. C’est mon tout premier programme en utilisant cet outil, il se peut donc qu’il y ait des petites (ou grosses) erreurs (y compris d’orthographe car je suis nul pour écrire, corrigez moi svp).

Beep

Use the system beep

Bestioles

Voici une version en-ligne du programme illustré dans le cours sur la programmation orientée-objet. Il s’agit d’une série de petites bestioles qui se baladent à l’intérieur de l’espace du Sketch. Chaque bestiole a sa propre taille, couleur, position, et vitesse.

Bouncing Boxes 3d

Class for generating moving objects in 3d space bouncing off the walls.

box + culling

Cet exemple construit une boîte en D*3, et donne aussi des exemples de faces doubles ("culling")

Cercle Encerclé

Un cercle rebondit à l’intérieur d’un cercle plus grand. Cliquer sur le petit cercle pour le faire bouger de nouveau.

Ce programme calcule l’angle de rebondissement en respectant à la fois l’angle de l’objet et l’angle de la surface sur laquelle il rebondit. Ceci permet des rebondissements sur divers formes complexes.

Ce programme est une modification du programme de Benoît. Les variables ont été redéfinies et le cercle rebondit correctement sur le bord du grand cercle. Le programme n’est pas parfait (voir codes sources), mais presque.

cercles concentriques no.1

Cet exemple montre comment faire des cercles qui s’agrandissent ? des vitesses diff ?rentes.

Chenille

Une petite chenille pour amuser vos enfants... Et pour les programmeurs : des classes, de la trigonométrie (sinus, cosinus, arc-tangent, pythagore), etc...

Communication entre deux sketchs Processing

Avec ce programme, vous pouvez tester la communication via OSC entre deux sketchs Processing sur le même ordinateur. Chaque programme écoute sur son propre port et communique au port de l’autre.

Cop15

Voici une petite animation Processing qui montre à peu près comment reproduire le célèbre logo du malheureux sommet écolologique Cop15. Le logo original a été construit également avec Processing.

Crénage

Cet exemple montre comment calculer la distance entre les caractères dans Processing. Il utilise les indications de crénage de la police, telles qu’elles auraient été écrites par le/la typographe.

De l’effort

modification du programme PONG pour ajouter de la vitesse.

Dessin Parkinson

Ce programme illustre comment enregistrer des points à la volée dans une liste, puis comment récupérer ces points et s’en servir dans un dessin animé. Ce programme fonctionne avec Processing.

Détecter l’intersection de deux rectangles

Voici un programme assez pratique pour des jeux comme Pong. Il détecte d’abord une intersection entre deux carrés en utilisant une méthode que nous avons nommé dans le programme « testerIntersection(rect1, rect2); ». Cette méthode donne comme resultat (return) une valeur booléenne (boolean), c’est-à-dire vrai/faux (voici le fameux zéro et un). Autrement dit : on lui « pose » une question et elle nous répond « oui » ou « non ». Si nos deux rectangles sont effectivement en intersection (true), on dessine alors le rectangle de cette intersection en utilisant les fonctions min() et max() de Processing.

Éliminer un élement d’une liste

Cet exemple montre la formule pour éliminer un élement d’une liste. C’est très pratique lorsqu’on veut enlever un objets (genre une béstiole en particulier de la classe Bestiole) en gardant intacte tous les autres objets.

Emprisoné dans un cercle (avec des bugs)

Un point se ballade dans un cercle. Le point ne peut pas sortir du cercle. Quand il touche le cercle, le point rebondit.

Enregistrer des données dans un fichier XML

Petit exemple qui enregistre des données de Processing dans un fichier xml et qui survole les variables de type long.

Exemple de programme orienté-objet (« Bulles »)

Exemple simple Mormyrophone

Voici le premier petit Sketch utilisant le signal émanant du Mormyre. Il est très simple et très premier degré. À utiliser avec modération.

A noter, ce programme nécessite la libraire UDP qui se trouve sur le site expérimental de l’atelier hypermédia. Aussi à noter, ce programme utilise un flux de données qui n’est actuellement accessible qu’à l’intérieur de l’école. Ce flux sera rendu public plus tard.

Exemple Threads

Comme son nom indique....

Face Pong

Voici un petit jeu à jouer avec Processing et la bibliothèque OpenCV pour Processing. Vous pouvez jouer à Pong avec votre visage et ceux de vos amis.

Fenêtre magique

Cherchez le chat : cliquez à l’intérieur de l’image pour voir appraître le chat.

Generate a unique name or filename

Générateur de films (OpenGL + Quicktime)

Ce Sketch Processing reprend l’exemple précédent du Générateur de livres et le transforme en un film Quicktime. Cet exemple a été montré pendant le module « Objets orientés-image » le matin du 18 Octobre 2007. Notez que vous pouvez ici télécharger un court extrait vidéo indépendament du programme.

Générateur de livres (OpenGL + PDF)

Voici une version plus complète (avec quelques notions avancés, attention) du livre génératif montré pendant le module « Objets orientés-image » le matin du 18 Octobre 2007. Le problème de création de nouvelles pages est maintenant réglé, même si ce que nous en faisons n’est toujours pas très parlant sur le plan artistique (à vous de jouer !). Une version du même Sketch en rendu Quicktime est aussi disponbile (Générateur de films).

Grid_Lena

A partir de l’exemple de Robert Praxmarer j’ai fait un découpage de Lena dont les entitées de la grille sont manipulable séparément.

How to create object by calling the Class name

create objects by calling the Class name can be very usefull to make different versions in a single program (instead of different Processing sketchs), or to create sequences, or whatever…

Ici Arduino

Voici un petit programme pour communiquer trois valeurs distinctes entre 0-255 à une carte Arduino à partir de Processing.

Ce protocol a été crée pour piloter trois moteurs, avec des valeurs différentes pour la vitesse de chaque moteur via les ports PWM. Il utilise le protocole standard JPM (Jean-Pierre Mandon), c’est-à-dire la lettre en majuscules « A », « B », ou « C », suivi par trois chiffres pour la valeur (ex : 063), terminé par le signe point-virgule « ; ». Par exemple, « A132; » allumerait le moteur numéro 1 avec une vitesse de 132 ; alors que « C007; » allumerait le moteur numéro 3 avec une vitesse de 7.

Voici la liste des commandes :

 A###; affecter la valeur ### au moteur numéro 1
 B###; affecter la valeur ### au moteur numéro 2
 C###; affecter la valeur ### au moteur numéro 3
 M connaître les valeurs actuelles des trois moteurs
 S allumer le mode silencieux (pas de retour d’informations)
 P allumer le mode parler (retour d’information lors de chaque attribution)

Intersect()

La fonction intersect() retourne trois constantes. Les coordonnées du point de croisement des segments sont inscrites dans les globales x et y

Jouer avec le temps

Dans cet article, nous allons voir 3 façons de mesurer le temps dans un scketch processing.

lemmings

Ce programme (qui n’est pas vraiment un Lemmings, mais peu importe) démontre comment travailler dans une logique d’encapsulation.

linéaire vs. orienté-objet

A la demande des étudiants, voici deux animations Processing, une écrite de façon linéaire, l’autre écrite avec des classes et des objets. Cet exemple a été écrit lors du cours du 24 Janvier 2008, Objets orientés-image. L’exemple est inspiré du programme "C’est toi la patate !?" créé lors du workshop Transatlab et exposé à Gamerz0.2. L’objective de cet exemple est de comparer deux approches de la programmation.

Listes (a.k.a. tableaux)

Cet exemple montre comment faire d ?placer non pas une ligne, mais 5. On va utiliser des listes. Les listes, ou tableaux, servent ?mettre non pas une valeur dans une variable, mais plusieurs valeurs.

Lumières OpenGL

Lumières (ambiente, point, spot) en OpenGL. Impact sur les matériaux des objets.

Mélangeur (synthèse additive et autres modes de rendu)

Ce exemple montre comment utiliser un mode de rendu autre que la synthèse soustractive par défaut. Il est une sorte de programme-squelette compatible avec ce programme d’Ira Greenberg (Space Junk) qui vous permettra de tester tous les différents modes de rendu offerts par OpenGL.

Mouvement de bactérie (simulation pauvre)

Comme son nom l’indique, c’est une simulation d’un mouvement d’une chose, appelons-la bactérie si on veut, mais c’est en réalité juste un mouvement aléatoire.

Movie Maker (exemple)

Voici un petit programme assez simple qui montre comment générer une vidéo à l’intérieur de Processing. Il utilise la bibliothèque Movie Maker de Daniel Shiffman.

MP3 + FFT

Voici un petit exemple pour analyser en temps réel un fichier MP3. En gros, vous lui donnez un fichier son, et lui vous donne les fréquences. Pour plus d’informations sur le FFT, reportez-vous au cours de l’atelier son.

Multitouch Experiences en vrac

Voici purgatoire des programmes perdus lors du workshop Toucher du projet Mur communicant.

My Video Player

afin de palier les problèmes de fluidité des fichiers vidéo dans Processing...

OSC = Open Sound Control

Voici deux programmes basiques pour envoyer et recevoir des messages avec OSC. Open Sound Control est utilisé par beaucoup de logiciels de traitement sonore en temp réel. Dans l’école, par exemple, nous utilisons OSC pour communiquer entre Processing et Pure Data.

Oscillating 3D Boxes

Class for the generation of oscillating boxes. Boxes change dimensions according to oscillating functions (in this case a simple sinus wave)

Papillion {programation orienté-objet}

Ce programme dessine des papillions (“oh que c’est mignon”), en programmant des "objets". Un "Objet" en programmation est une sorte de sous-programme, interne à votre programme, dans laquelle on peut mettre des variables et des méthodes. Une fois cette "classe" est créer, on peut la dupliquer autant de fois qu’on veut.

Paramkebi

Ce programme démontre comment faire passer la souris à la partie opposée de l’écran, afin de pouvoir utiliser des trackball ou des souris hackés comme des roues qui peuvent tourner infiniment dans un sens ou dans un autre. Pour illustrer ce principe, nous utilisons la forme d’un paramkebi.

Processing Wiimote+BalanceBoard (Mac)

Voici une version remanié du Sketch qui relie Osculator et Processing. Il permet d’importer dans Processing des gestes du Wiimote, du Nunchuck, du Classic Controller ou du Balance Board.

pulsions (en rond)

cet exemple montre comment faire un cercle qui est anim ? par des pulsions (attention Freudiens !)

Quelques trajectoires

Un document PDF et des exemples de trajectoires (polyligne, Bézier, courbe).

Rebondissements (listes, suite...)

Voici une autre exemple, comme "lines", qui démontre l’utilisation de tableaux de valeurs. Chaque carr ?é a sa propre position x + sa propre direction.

récupération de données métérologiques dans Processing via xml

Ceci est un exemple simple d’une récupération des données météorologiques pour le projet de Pascal Chirol et son projet Drawing by Wind. Il s’agit d’un programme assez basic nécessitant quelques connaissances de base pour comprendre :-(

Récupérer un flux RSS dans Processing

Cet exemple importe le flux RSS des Comptes Rendus Intégraux de l’Assemblée nationale dans Processing et les affiche sur l’écran.

Recursive Render to Texture

This demo shows the concept of recursion and render to texture functionality, which allows effects such as motion blur, procedural texture generation, etc.

Représentations des axes en 3D

Exemple ultra-simple pour visualiser les axes X, Y, et Z.

Retranscription automatique

Cet exemple montre comment transcrire caractère par caractère un texte dans Processing. L’exemple kiwi tiré du Manifeste communiste peut être remplacé sans avarie.

Robot trivial

Un robot simple pour montrer l’intérêt des push/popMatrix en modélisation.

Sablonneux

Ce Sketch a été construit avec Processing pendant l’atelier permanent Hypermédia. Il a été construit comme une illustration du mouvement de sable au départ de la pièce « Helikopter » d’Angelin Preljocaj (chorégraphie) et de Holger Forterer (dispositif).

Sauver l’image d’un programme Processing au format PNG (ou autres)

Il existe actuellement deux méthodes dans Processing pour créer une image du programme en cours d’éxecution : save() et saveFrame(). Elles ne permettent cependant que de sauvegarder l’image au format TIFF ou TARGA. En voici donc une troisième pour sauvegarder au format PNG voir JPEG, BMP, WBMP...

Scaner un répertoire pour lister les fichiers

Un sketch avec un objet qui scane un répertoire dans l’ordi. Il donne en retour une liste de tous les fichiers avec leurs noms, leurs type (fichier ou répertoire), leurs extensions (.gif, .jar, etc.) et leurs tailles.

L’exemple affiche aussi une fenêtre de dialogue permettant d’entrer le chemin du répertoire à la main.

Shuffle elements in array

Reorder quickly and randomly all elements in array using Collections.shuffle().

Sol Lewitt, Untitled 2001 (Processing)

Voici une version processing du tableau de Sol Lewitt, Untitled 2001. Il s’agit d’un exercice réalisé lors du AOC 2ème Hypermédia.

Spiral_Lena

A partir de l’exemple de Robert Praxmarer, voici Lena transformée en spiral.

Suite d’images (i.e. Processing > Quicktime)

TwitterSearch

Cet exemple montre comment récupérer une requête Twitter dans Processing. Vous pouvez utiliser cet exemple pour créer une visualisation graphique de l’évolution de l’aire du temps, autour d’une terme de recherche que vous pouvez parametrer.

Two Line Element Sets

Voici un exemple vite-fait d’un globe avec des satellites autour. Cet exemple se base sur l’exemple Cop15 mais rajoute les positions des satellites via le site Celestrak en utilisant le principe des Two Line Element Sets. Cet exemple Processing a été créé pour illustrer un concept exploré lors du projet Mining The ElectroMagnetic Spectrum par Alejandro Duque et les étudiants en 2ème année (Morgane Guiard & Nicolas Durand).

Visage

Voici 6 sketchs Processing construits rapidement pendant le workshop à Genève sur les algorithmes visualistes. Ils sont mis à disposition ici uniquement pour ceux qui auraient besoin de revoir les bases de la photographie dans Processing, expliqué dans le cours Images Photographiques. Il s’agit d’exemples très très simples de traitements possibles à partir d’un programme d’importation d’une seule image. Le plus intéressant est probablement celui appelé « face_micro_mouvement ».

Visualisation iTunes Pour Tout Le Monde

Voici les codes sources Processing pour fabriquer votre propre visualiseur iTunes. Le principe est très simple : copier l’image sur elle-même, en ratant (exprès) légèrement la copie. (Demo : cliquez sur le carré pour démarrer l’animation)

WiiMote 4points

Code to track 4points with nintendo wiiMotes with Processing and OSCulator

You need to charge the OSCulator patch and then run the processing code with both pde loaded.

You_Win ! (So, sue me !)

Petit jeu : Clik clik sur les carrés. Sosumiii !!! you win !!!

You_Win ! (So, sue me !)

Petit jeu : cliquez sur les carrés. clik clik !! Sosumiiiiiiii !!!!!