The In-Depth Guide to the Future of Web and Mobile Developement
In this short tutorial, I will show you
how easy it is to get started with VVVV.js, the visual
runs on any platform (Windows/Linux/OSX) in a modern browser
We will install Node.js and have a look at how we can use the browser-based visual programming editor of VVVV.js locally on your computer. Since I am working on Windows the few command-line codes will be for Windows (But should be easy to find out what it is for Linux / OSX).
First, you need to download or clone my VVVV.js repository from GitHub:
Place the folder in a parent folder of your
choice (e.g C://vvvv_dev/vvvv.js). This parent folder will be
your working directory. You can put project folders in
parallel to the vvvv.js folder. That is a convenient way to develop projects by
using one vvvv.js folder for all of your projects at the same
time. This has the benefit that you can globally update
VVVV.js by pulling from git or by changing the code yourself.
In this example we will start with a
project by using the vvvv.js-examples repository, which you
can download here:
Now your folder should look like this:
Head over to Node.js and install it on your computer if you haven`t done it before already. After the installation, you have to check if Node.js is in your path environment. So fire up your terminal / command-line and type "node". If it does not show you the command list, chances are good you have to go and google how to add Node.js to your PATH.
If it is added to the path, you can
navigate to /vvvv_dev/vvvv.js and type:
and watch how Node.js is installing a server into your vvvv.js folder.
On Windows you can also just create a .bat file in the /vvvv_dev folder and paste the following code, which should install it correctly after double clicking:
|echo "Installing Node.js Server"|
Now that you have everything setup you are ready to go to start your Node.js server and launch the first VVVV.js patch.
Everytime when you want to work on a VVVV.js project, you need to start the Node.js server before.
For this navigate to your /vvvv-dev/vvvv.js folder and type the following command:
node server.js . -e
Of course, it makes sense to do this with a .bat file in the /vvvv_dev folder, too. So from now on you can always start your server by double-clicking the .bat file with the following code:
|echo "Starting VVVV.JS Server"
node %~dp0vvvv.js/server.js . -e