» 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 | 1210 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


~7d ago

ravazquez: indeed!

~7d ago

schlonzo: kickass shader @evvvvil

~8d ago

evvvvil: "Reclaim the streets" - Winning shader live coded live at revision 2021 shader showdown semi final. https://www.shadertoy.com/view/fdSGWw

~8d ago

karistouf: sorry 3080 10G vs 3090 24go ?

~8d ago

karistouf: RTX 3090 24go or 3090 10go ar really doing difference ith textures and VVVV beta ?

~9d ago

joreg: and beta42 previews now include VL 2021.3.2: downloads/previews

~9d ago

joreg: bugfix release vvvv gamma 2021.3.2 is out: https://thegraybook.vvvv.org/changelog/2021.3.html