» Mapping Toolkit 2D
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

Mapping Toolkit 2D

Credits: The mapping toolkit is a series of tools for creatives, to create visual content for projection mapping. It’s comes as a pack of patches / modules developed with vvvv. MAPPING TOOLKIT – 2D A tool to animate vector files (svg format), and simply produce visual content in realtime. Points, lines and polygon animations are available.




  • install vvvv and its addon pack (vvvv 45beta33.3 32bits recommended)
  • download MAPPING TOOLKIT 2D, unzip in the vvvv folder.
  • run the app.


  • Select your svg file in the drop down list. Files are located in the content/ folder
  • play with the sliders and buttons in the GUI window
  • use the output for live projections, or use FRAPS to record the output.
  • download

    27.12.14 [20:07 UTC] by Joanie_AntiVJ | 1422 downloads

Joanie_AntiVJ 28/12/2014 - 02:27

Please let me know if you're able to install and run the program (gui and render on different threads).
Any feedback will be greatly appreciated :)

Noir 28/12/2014 - 03:21

Yep it works on different threads (open it with batch file)
No performance issues (58-59 fps)
Delaunay it doesn't works on my side...it might be miss a bang on 'update' pin

Tnx for sharing

Mooney 30/12/2014 - 00:22

Made an account to say thanks.
You mentioned this in a thread on facebook. I was the noob that Steve was asking for help for.
Works for me perfectly.

tsiwt 30/12/2014 - 01:36

Cool, beautiful work.

Yeah the delaunay doesn't work on my side either.

and I can't seem to get the batch file to work, so I Open the master + simple gui
to make it work. but once it is running it looks so cool.

Love your Projection mapping work and thanks for this toolkit.

Joanie_AntiVJ 30/12/2014 - 21:28

Thanks guys, working on a fix for the triangulation now !

Hey tsiwt did you unzip the folder in the vvvv root ? I'm curious to understand why the batch doesn't work (you won't get good performances if gui and app are started manually..)

Patxi7 01/01/2015 - 14:09

The patch works perfectly. Thanks! I try to create my own .svg files(with Inkskape or the svg editor from google) but I can't see them in the patch. Do they have to be special .svg files or have some kind of setup?

metrowave 03/01/2015 - 00:27

Thanks Joanie, It works real well. @Patxi7, The SVG and jpg files has to be the same size.

buzzin 03/01/2015 - 15:17

works fine!
2 years since pre-alpha.
thx joanie!

Carlos Mononoke 04/01/2015 - 17:56

hi i think inkscape svg file have no line object.
only path object.
i have done one draw with every tool and look on xml editor from inkscape and always are path except on rectangules that apear rect could be this posible or i am in a mistake?? thanks

xml editor
Carlos Mononoke 05/01/2015 - 20:41

well i think inkscape work anly with path and rect object in xml.no lines no poligon no circles :D.

now i will try with another open software like freecad...if some one knows another for generate svg files that works properly with this tool,just suggest me, please.

thanks!!!!i like this toolkit so much:D

artifak 06/01/2015 - 11:42

Woooww coolll, thanks @Joanie_AntiVJ

it works for me, thanks a lot :D

ravazquez 16/04/2015 - 05:28

Hello vvvvers!

I have been playing with this and noticed that in order to get both the polygons and the lines to be drawn you have to manually create the polygon and then draw each individual line on top of the polygon again.

Since doing this for a mid/large amount of polygons is a bit of a pain, I went ahead and created an application that will, based on an SVG file containing polygon elements, will automatically create all of the perimeter line elements for each polygon. (Real time saver)

The app was created using .Net 4.0 and can be downloaded from a zip file here:https://www.dropbox.com/s/tk6olwigx0wf0yy/The%20Simon.zip?dl=0

If anyone wants the source I can upload it to github.

Just select the input SVG file, type in an output file name, and hit the "Create Lines" button.


Note: If you are creating your SVG files in Illustrator, make sure to uncheck the "Responsive" option in the "Save As SVG" dialog so that width and height attributes are properly added to the header element, otherwise the toolkit will not load the file.

anonymous user login


~4d ago

joreg: Workshop on 22 02: Unlocking Shader Artistry: A Journey through ‘The Book of Shaders’ with FUSE. Signup here: https://thenodeinstitute.org/courses/ws23-vvvv-12-book-of-shaders/

~16d ago

joreg: Talk and Workshop on February 15 & 16 in Frankfurt: https://visualprogramming.net/blog/vvvv-at-node-code-frankfurt/

~17d ago

woei: @Joanie_AntiVJ: think so, looks doable

~17d ago

xd_nitro: Anyone remember who increased projector brightness by removing some components that product the color?

~18d ago

Joanie_AntiVJ: This looks super interesting (vectors over network) would anyone here know how to implement this in beta? https://github.com/madmappersoftware/Ponk

~25d ago

joreg: Workshop on 01 02: Data Sensing and Logging with Arduino Signup here: https://thenodeinstitute.org/courses/ws23-vvvv-09-data-sensing-and-logging-with-arduino-and-vvvv/

~30d ago

domj: I've added myself to vvvv specialists available for hire See at the bottom, lmk if you want to collab or in need of tutoring! ❤️

~1mth ago

joreg: Workshop on 25.01: Create Sequencers and Precise Clock Based Tools. Signup here: https://thenodeinstitute.org/courses/ws23-vvvv-08-create-sequencers-and-precise-clock-based-tools-in-vvvv-gamma/