Tag: graphics

Processing examples

Projects selected from the file | examples menu in Processing.

By various artists


Screen Shot 2015-03-23 at 10.30.09 PM

“Yellowtail” by Golan Levin


All of the examples are worth checking out. Here are a few to get started.


Array | ArrayObjects
Image | pointillism
Input | clock |
Math | SineWave
Math | Distance2D
Structure | CreateGraphics
Transform | RotatePushPop


Advanced Data | XMLYahooWeather
Animation | AnimatedSprite
Cellular Automata | Spore1
Drawing | ContinuousLine
Geometry | SpaceJunk
Image Processing | EdgeDetection
Interaction | Tickle
Motion | Reflection1
Simulation | GravitationalAttraction3D



Video | Capture


Simple Open NI (Kinect)


Infinite string quartet


Screen Shot 2015-03-23 at 3.29.10 AM

Finding home

Web GL Interactive graphics.

By somebody?


(runs in Chrome or Firefox)

Music: “Awake” by Tycho: https://www.youtube.com/watch?v=Y9mvrHdWDgU


cv.jit revisited

Jitter computer vision library

By Jean-Marc Pelletier


Screen Shot 2015-03-23 at 2.24.37 AM

Several examples you can try by running the “help” files. All of the explanatory text below is by Jean-Marc Pelletier.


The utility abstraction cv.jit.blobs.elongation.draw superimposes elongation values on the image sent to its right inlet. You MUST also connect the output of cv.jit.blobs.moments to its middle inlet. You can use the attribute “frgb” to set the colour used.

Screen Shot 2015-03-23 at 2.27.20 AM


Marks as ON only pixels that are themselves ON and have a least one OFF neighbour. In other words, it returns only the edges in a binary image.

Screen Shot 2015-03-23 at 2.29.39 AM


cv.jit.blobs.bounds offers similar functionality to jit.findbounds but finds the bounding box for every blob in a labeled image.

cv.jit.blobs.bounds outputs a 4-plane 1-dimension float32 matrix whose number of cells is the same as the number of blobs in the input image.

Screen Shot 2015-03-23 at 2.31.16 AM


cv.jit.blobs.centroids functions much like cv.jit.centroids except that it takes for input the output of cv.jit.label and calculates the center of mass and area of each connected component individually.

The output of cv.jit.label must be of type char.

cv.jit.blobs outputs a single-row, 3-plane char matrix where the number of cells is the same as the number of labeled components.

Screen Shot 2015-03-23 at 2.32.59 AM


cv.jit.blobs.direction is almost identical to cv.jit.blobs.orientation. It also takes in the output of cv.jit.blobs.moments and calculates the orientation of each blob’s main axis. However, unlike cv.jit.blobs.orientation, it takes into account symmetry. This means that cv.jit.blobs.direction can tell which direction a connected component is pointing.

Like cv.jit.blobs.orientation, the output is in radians by default and can be changed to degrees with the “mode” attribute. The output is between 0 and 2Pi.

Screen Shot 2015-03-23 at 2.34.38 AM


cv.jit.blobs.moments functions much like cv.jit.moments but computes moments and invariants for every blob identified by cv.jit.label. See cv.jit.moments for a discussion on moments and invariants.

The output is a 17-plane, single-row float32 matrix. The number of cells is the same as the number of connected components.

The output of cv.jit.moments can be fed to other objects for further analysis. See cv.jit.blobs.orientation, cv.jit.blobs.direction, cv.jit.blobs.elongation, and cv.jit.blobs.recon.

Screen Shot 2015-03-23 at 2.36.34 AM


cv.jit.blobs.orientation functions much like cv.jit.orientation except that it takes for input the output of cv.jit.blobs.moments and calculates the orientation of the main axis of each connected component individually.

cv.jit.blobs.orientation outputs a single-row, 1-plane char matrix where the number of cells is the same as the number of labeled components.

Orientation is measured in radians by default but you can switch to degree output by specifying “mode 1”. The values are between 0. and Pi radians, with the extremes being horizontal and Pi/2 vertical.

Screen Shot 2015-03-23 at 2.38.22 AM


cv.jit.blobs.recon calculates the statistical distance between blob shape descriptors and a pre-computed model. The model must be created using cv.jit.learn, and cv.jit.blobs.recon functions much like cv.jit.learn’s “compare” mode.

cv.jit.blobs.recon must be fed the output of cv.jit.blobs.moments. Use the “mode” attribute to set whether moments (0) or Hu invariants (1) are used. Make sure that this matches the data used to train the model.

The output is a 1-plane float32 matrix, in which each cell contains the statistical distance between the corresponding blob and the model.. The lower the output value, the more similar the blob’s shape is to the model.

Screen Shot 2015-03-23 at 2.41.13 AM

Physics simulation driven by audio

From tutorial 21b by dude837


Screen Shot 2015-03-23 at 1.46.04 AM

What’s different?

There was a problem with the spheres not returning to the resting position. They were constantly expanded outward. By removing the frame rate trigger from qmetro, and triggering only when audio data is received, the response was improved. You can also set signal amplitude going into the bonk~ object.

Screen Shot 2015-03-23 at 1.45.47 AM



Folder: physics

Project: bumper-phsyics

External objects: bonk~ from: http://vud.org/max/

Modern folk art

Images of original paintings

at shopgoodwill.com


Painting by Mimi Becker 


Paint by numbers photo conversion

Reduce and optimize a color palette with Gimp.

By AmeliaBR at graphicdesign.stackexchange



GLSL optical flow

With high quality texture displacement.

By Andrew Benson

A self portrait made with the Max patch below.

Screen Shot 2015-03-11 at 7.42.46 PM

Download patch: hsflowdistort.zip

Screen Shot 2015-03-11 at 10.42.38 PM

More from Andrew Benson:

An example by Axiom Cruz:


Portrait series

Optical flow, a depth camera, and edge detection.

By Matt Romein



Portrait of Margo Cramer from http://mattromein.squarespace.com/#/portrait-series/

The programming uses the following external code:

jit.gl.hap – Rob Ramirez
ab.hsflow.jxs – Andrew Benson
jit.openni – DiabloDale
cv.jit – Jean-Marc Pelletier


Boids sonification in Max

“Boids is a bird flight and animal flock simulator. It is based on the same algorithm which was used in “Jurassic Park” for herding dinosaurs.”

Max external by Singer, Jasch, Sier and Smith. Tutorial by dude837



folder: boids

project: boids23

patch: main-tz.maxpat (slight modification to enable existing presets to work)

Screen Shot 2015-03-02 at 9.49.09 AM

  • Download version 1.1 from http://s373.net/code/ (in the section called “boids for max”)
  • Then add the path to the downloaded folder to Max objects | file preferences

Screen Shot 2015-03-02 at 10.02.09 AM