Skip to content
A visual programming patching environment for OF
C++ GLSL Makefile C QML Lua Other
Branch: master
Clone or download
Latest commit a2d36db Sep 10, 2019

ofxVisualProgramming - A visual-programming patching addon for OF

A collection of visual interactive objects to create/develop in a dataflow+live-coding patching environment. Embedded with Lua and Python scripting interpreter, plus live compile of GLSL Shaders version 120 and live editing/execute Bash scripts(macOS & linux) capabilities.

Mosaic 0.1.7 Screenshot from project Mosaic, embedding ofxVisualProgramming

Table of Contents


0.10.1 STABLE (official download from OF site)

Compiled/tested with QTCreator on osx/linux/windows

If you want to build ofxVisualProgramming, just download OF0.10.0 for your OS (osx, linux, windows) and follow the setup guide for qtcreator IDE.


ofxVisualProgramming came directly from the idea behind the ofxComposer addon by patriciogonzalezvivo and James George, and obviously from the various commercial and no-commercial existing visual programming softwares, the open source option Pure Data, the commercial options Max/Msp and TouchDesigner, etc..., to talk of the latest ones, and without forgetting probably the first one from 1968,


GRAIL RM-599-ARPA from the RAND Corporation.

So special thanks to all the precursors of this ideas, and more thanks to the ofxComposer developers for their code, it has been a great reference for start working on this ofxaddon.


This addon is the core code of the project MosaicMosaic logo, maintained isolated in order to obtain a better modularized code structure, encourage contributions, simplify bug fixing and enhance code quality.

This project deals with the idea of integrate/amplify man-machine communication, offering a real-time flowchart based visual interface for high level creative coding. As live-coding scripting languages offer a high level coding environment, ofxVisualProgramming and the Mosaic Project as his parent layer container, aim at a high level visual-programming environment, with embedded multi scripting languages availability (Lua, GLSL, Python and BASH(macOS & linux) ).

As this project is based on openFrameworks, one of the goals is to offer as more objects as possible, using the pre-defined OF classes for trans-media manipulation (audio, text, image, video, electronics, computer vision), plus all the gigantic ofxaddons ecosystem actually available (machine learning, protocols, web, hardware interface, among a lot more).

While the described characteristics could potentially offer an extremely high complex result (OF and OFXADDONS ecosystem is really huge, and the possibility of multiple scripting languages could lead every unexperienced user to confusion), the idea behind the interface design aim at avoiding the "high complex" situation, embodying a direct and natural drag&drop connect/disconnet interface (mouse/trackpad) on the most basic level of interaction, adding text editing (keyboard) on a intermediate level of interaction (script editing), following most advanced level of interaction for experienced users (external devices communication, automated interaction, etc...)


mosaic, ofxVisualProgramming, openframeworks, linux, macOS, windows, creative-coding, live-coding, cyber-coding, physical-computing, visual-computing, scripting, transmedia, programming, visual-programming, cyber-programming


In order to build ofxVisualProgramming, you'll need this addons:





























Some addons are forks of the original, due to some mods, compatibility with OF0.10.0 and the intention of cross-platform compiling (osx,linux,win)


MACOS/LINUX/WINDOWS compiling with qtcreator 4.6.1


Clone this addon repository into your <your_openframeworks_release_folder>/addons together all the others addons listed:

cd <your_openframeworks_release_folder>/addons

git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone --branch=of-0.10.0
git clone
git clone
git clone --branch=OF0.9.8
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone
git clone


In ofApp.h include the ofxVisualProgramming addon:

#include "ofMain.h"

#include "ofxVisualProgramming.h"

class ofApp : public ofBaseApp{

    void setup();
    void update();
    void draw();
    // ....
    // ....

    ofxVisualProgramming    *visualProgramming; /**/


then in ofApp.cpp:

#include "ofApp.h"

void ofApp::setup(){
    ofSetWindowTitle("ofxVisualProgramming Example");

    visualProgramming = new ofxVisualProgramming();

void ofApp::update(){

void ofApp::draw(){


Contributing to the project adding new objects is relatively easy, i'm going to show here a basic object template class, everyone is invited to fork ofxVisualProgramming addon, create new objects, and make a pull request. ONLY ONE PULL REQUEST FOR EACH NEW OBJECT WILL BE ACCEPTED, please do not make a pull request with thousands lines of new code!!!

So, the template, as this is a work in progress right now, i'm going to show a basic object template only.

The header of your new object (SuperAmazingObject, for instance) will be SuperAmazingObject.h :


    ofxVisualProgramming: A visual programming patching environment for OF

    Copyright (c) 2018 Emanuele Mazza aka n3m3da <>

    See for documentation

    developed by _object author_
    _author github_
    _author www_


#pragma once

#include "PatchObject.h"

  This is a simplified version of the SimpleRandom object already included in
  the ofxVisualProgramming addon:

class SuperAmazingObject : public PatchObject {


    // constructor

    // inherit virtual methods from base class PatchObject
    // this are all methods available, you can use it all
    // or just the one you need.
    // for this simple object i'm going to leave commented
    // the ones i don't need

    void  newObject();
    // This method is for object with file loading capabilities (video file, audio file, script file, etc)
    // void autoloadFile(string _fp);

    void  setupObjectContent(shared_ptr<ofAppGLFWWindow> &mainWindow);
    // void setupAudioOutObjectContent(pdsp::Engine &engine);
    void  updateObjectContent(map<int,PatchObject*> &patchObjects, ofxThreadedFileDialog &fd);
    void  drawObjectContent(ofxFontStash *font);
    void  removeObjectContent();

    //void  mouseMovedObjectContent(ofVec3f _m);
    //void  mousePressedObjectContent(ofVec3f _m);
    //void  mouseReleasedObjectContent(ofVec3f _m);
    //void  keyPressedObjectContent(int key);

    //void  fileDialogResponse(ofxThreadedFileDialogResponse &response);
    //void  dragGUIObject(ofVec3f _m);

    // This methods are for audio objects
    //void  audioInObject(ofSoundBuffer &inputBuffer);
    //void  audioOutObject(ofSoundBuffer &outBuffer);

    // This methods are for advanced objects with inlets/internal vars changes on runtime
    //void  resetSystemObject();
    //void  resetResolution(int fromID, int newWidth, int newHeight);

    // my SuperAmazingObject public variables (if any)
    // .............


And the source SuperAmazingObject.cpp :


    ofxVisualProgramming: A visual programming patching environment for OF

    Copyright (c) 2018 Emanuele Mazza aka n3m3da <>

    See for documentation

    developed by _object author_
    _author github_
    _author www_


#include "SuperAmazingObject.h"

SuperAmazingObject::SuperAmazingObject() : PatchObject(){

    // first, declare how many inlet/outlet the object have
    this->numInlets  = 2;
    this->numOutlets = 1;

    // then init the pointers
    // i have used here void* pointers
    // and established 5 fixed type of data plus a variable
    // one (a special purpose cable for special cases) to cast
    // and create proper connections

    // VP_LINK_NUMERIC --> float
    // VP_LINK_STRING  --> string
    // VP_LINK_ARRAY   --> vector<float>
    // VP_LINK_TEXTURE --> ofTexture
    // VP_LINK_AUDIO   --> ofSoundBuffer
    // VP_LINK_SPECIAL --> anything

    // These are the ONLY available connections
    // so we are creating here a random number generator
    // a really basic one will have two inlets, _min_ and _max_
    // for the random range
    // and one outlet, the random number

    // we create/cast the two inlets then as float
    _inletParams[0] = new float();  // min
    _inletParams[1] = new float();  // max
    // and init them with some start value
    *(float *)&_inletParams[0] = 0.0f;
    *(float *)&_inletParams[1] = 1.0f;

    // then we create/cast the outlet as float too
    _outletParams[0] = new float(); // output
    *(float *)&_outletParams[0] = 0.0f;

    // we call this to init some stuff


void SuperAmazingObject::newObject(){

    // first set the name of the object
    // (choose a cool one, no strange chars please)
    this->setName("super amazing object");

    // and then the inlets/outlets names/types

void SuperAmazingObject::setupObjectContent(shared_ptr<ofAppGLFWWindow> &mainWindow){

    // setup your object here

void SuperAmazingObject::updateObjectContent(map<int,PatchObject*> &patchObjects, ofxThreadedFileDialog &fd){
    // update your object here, as any ofApp example

    // in this case we just need to update the outlet value
    // using the ofRandom function
    // (why not, at the end is just a random number generator object)
    *(float *)&_outletParams[0] = ofRandom(*(float *)&_inletParams[0],*(float *)&_inletParams[1]);

void SuperAmazingObject::drawObjectContent(ofxFontStash *font){
    // draw your object content here

    // and if you need to write some text, just use the font
    // available with the method,
    font->draw(ofToString(*(float *)&_outletParams[0]),this->fontSize,this->width/2,this->headerHeight*2.3);

void SuperAmazingObject::removeObjectContent(){
  // anything you need to remove or stop when deleting the object

And thats it! This is all for now, for every question just open an issue here on github, or send me an email.

More soon...


Audio Analysis Ready  TODO
audio analyzer X
beat extractor X
bpm extractor X
centroid extractor X
dissonance extractor X
fft extractor X
hfc extractor X
inharmonicity extractor X
mel bands extractor X
mfcc extractor X
hpcp extractor X
onset extractor X
pitch extractor X
power extractor X
rms extractor X
roll-off extractor X
tristimulus extractor X
Communications Ready  TODO
arduino serial X
key pressed X
key released X
midi key X
midi knob X
midi pad X
midi receive X
midi score X
midi sender X
osc receiver X
osc sender X
Computer Vision Ready  TODO
background subtraction X
chroma key X
color tracking X
contour tracking X
face tracker X
haar tracking X
motion detection X
optical flow X
Data Ready  TODO
bang multiplexer X
data to texture X
floats to vector X
texture to data X
vector at X
vector concat X
vector gate X
vector multiply X
Graphics Ready  TODO
image exporter X
image loader X
2D pad X
bang X
comment X
message X
player controls X
signal viewer X
slider X
sonogram X
timeline X
trigger X
video viewer X
vu meter X
Logic Ready  TODO
== X
!= X
counter X
delay bang X
gate X
inverter X
loadbang X
select X
spigot X
Math Ready  TODO
add X
clamp X
constant X
divide X
metronome X
multiply X
range X
simple noise X
simple random X
smooth X
subtract X
Scripting Ready  TODO
bash script X
lua script X
processing script X
python script X
shader object X
Sound Ready  TODO
ADSR envelope X
AHR envelope X
amp X
audio exporter X
audio gate X
bitcruncher X
bit noise X
chorus X
click X
comb filter X
compressor X
crossfader X
data oscillator X
decimator X
delay X
ducker X
hi pass X
lfo X
low pass X
mixer X
note to frequency X
panner X
peak EQ X
pd patch X
phasor filter X
pulse X
quad panner X
resonant 2pole filter X
resonant 4pole filter X
reverb X
sample and hold X
saturator X
saw X
sequencer X
signal trigger X
sine X
soundfile player X
triangle X
wavetable oscillator X
white noise X
more to come ... X
Video Ready  TODO
kinect grabber X
video crop X
video feedback X
video exporter X
video gate X
video grabber X
video player X
video scale X
video streaming X
video timedelay X
Windowing Ready  TODO
live patching X
output window X
projection mapping X



All contributions are made under the MIT License. See LICENSE.


ofxAudioAnalyzer original addon by Leonardo Zimmerman

ofxAudioFile, ofxPDSP original addons by Nicola Pisanti

ofxBTrack original addon by Nao Tokui

ofxChromaKeyShader original addon by Eric Koo

ofxCv, ofxFaceTracker original addons by Kyle McDonald

ofxDatGui, ofxParagraph original addons by Stephen Braitsch

ofxFFmpegRecorder original addon by Furkan Üzümcü

ofxFontStash, ofxGLError, ofxHistoryPlot, ofxTimeMeasurements original addons by Oriol Ferrer Mesià

ofxGLEditor original addon by Akira Hayasaka

ofxJSON original addon by Jeff Crouse

ofxInfiniteCanvas original addon by Roy Macdonald

ofxLua, ofxMidi, ofxPd original addons by Dan Wilcox

ofxMtlMapping2D original addon by morethanlogic

ofxPython original addon by Carles F. Julià

ofxThreadedYouTubeVideo original addon by Pierre Proske

ofxTimeline original addon by James George and YCAM Interlab

ofxWarp original addon by Elie Zananiri

You can’t perform that action at this time.