» Tutorial Introduction
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

Tutorial Introduction

Russian | Hungarian | Japanese | Italian | Korean | Mandarin | Spanish | Greek | French

So you have just started vvvv for the first time and wonder how to proceed in learning, how to achieve some useful things with it. Take your time and read on. Within 20 minutes you should be through the first tutorial and have a basic understanding of vvvv.

Ready. Set. Go.

To see an example of what a vvvv project looks like, open the start_with_demo.bat file located in your vvvv directory. Once you have been suitably impressed by the demo, close vvvv by pressing the standard Windows shortcut for closing programms: ALT+F4. You might then be asked if you wish to save your changes. Just click Don't save and Close for now.

Start vvvv again, this time using vvvv.exe. All you see is a virgin gray window, a so called Patch. Welcome to vvvv.

Also see the video tutorial: Starting vvvv for the first time]


vvvv uses graphical objects for programming instead of a textual programming interface. Programs are created within patches. Individual operations or functions are represented as nodes. Connections between are called links and are drawn and modified with the mouse, creating a structure that sends data from one node to another.

Basically a node either generates, processes or outputs data. Some nodes even do a combination of those three operations. Every node can have several inputs and outputs which are represented by small black squares on its top and bottom which are called pins or inlets and outlets.

In comparison to a textual programming language the input pins would represent the parameters/arguments of a function whereas the output pins would mean the result of that function.

That much about the theory. Now let's go retro and say Hello World! with the second tutorial.

anonymous user login


~1h ago

joreg: Also as every 2 weeks: This Tuesday: Free introduction to the all-new #vvvv: free-vvvv-intro-workshops-this-summer-in-berlin followed by the regular vvvv meetup

~2h ago

skyliner: anyone at usbynight?

~3h ago

joreg: Reminder: This wednesday in #berlin: Getting Started with Data Visualization: https://nodeforum.org/announcements/workshop-getting-started-with-data-visualization/ vvvv #creativecoding #dataviz

~2d ago

joreg: @eglod vvvv is international! wenn du hilfe auf deutsch brauchst, dann komm am besten in unseren deutschen chat: https://riot.im/app/#/room/#vvvv-at:matrix.org

~3d ago

eglod: In allen möglichen Sprachen gibt es VVV. V4 ist deutsch, warum nicht in deutscher Sprache. eglod

~3d ago

eglod: In allen möglichen Sprachen gibt es VVV. V4 ist deutsch, warum nicht in deutscher Sprache. eglod

~4d ago

joreg: Reminder: First #vvvv meetup in #hamburg this friday: vvvv-hamburg-meetup-1 Hope to see some of you there!

~6d ago

AKa-visuals: Hi guys. Everyone guess when xenko engine would be avaliable to play around in vl ... Isnt?