Install and open Vizzcode for the first time,
For some unknown reason, most programming tools are hard to download and install, involving command line interfaces, several different programs and weird error messages. We wanted to make it as simple as possible to get right to the good stuff (programming!), so to download Vizzcode, all you need to do is Register and click the big Download button.
Likewise, just double click the downloaded file.
If Windows pops up a security warning, just click More Info and Run Anyway.
From there, you can change the install location and choose to create a desktop shortcut and click Install.
Yes, it installs pretty quickly :)
The Welcome Screen
After logging in Vizzcode, you will find the Welcome Screen.
There, you can access the Tutorials or create and open Projects.
The tutorials provide step-by-step explanations, as well as exercises - all inside Vizzcode!
If you already know how to program and want a quick overview of Vizzcode, you can check out the Quick Start Guide. Just click on the tutorial icon in the Welcome Screen to get started!
If want to learn programming from the ground up, the Introduction to Programming is for you. You can follow the tutorial on your own pace: either skipping or repeating its parts.
To consolidade what you are are learning, you can check out the Programming Exercises tutorials, full of hints and cool tips.
Then, when you feel like you are up to the challenge, you can follow the Programming Games tutorials, where your skills will be taken to the limit to make interactive worlds come alive by programming several video games.
To start programming, you will need to create a project.
Whether you want to follow an embedded tutorial or start on your own program, you will be directed to the New Project screen. To create a project, it's as easy as typing a name (and if you want, changing the location).
Inside the selected folder, Vizzcode will create two files: a .vzcp file and a .vizz file. You can double click the .vzcp file to open Vizzcode and load the project directly.
As you develop the project, there will also be a .exe file in the project folder. This is the file of your finished program that you can share and publish! Note that this file is only generated in the Premium version of Vizzcode.
You can learn more about distributing your programs here.
This is Vizzcode's main screen, where you can create your own programs!
If you created an empty project or loaded one, you will only see the Visual Programming panel (1) and Text Programming panels (2); if you created a project from a tutorial, you will also see the Tutorial Panel (3).
The Visual and Text panels are where the action takes place: where you will type code or connect nodes to program the computer. You can play around with them: try clicking on the Text panel and typing something. It's just text!
As you type in the Text panel, the Visual panel will be temporarily locked until the text you typed is validated as code. You can just delete the text for now.
To play around with the Visual panel, just drag off the little white circle in the Global Scope Start node. It will pop up a menu where you can choose which node to create. The menu will automatically filter nodes that you create based on where you dragged off from. You can deselect the Contextual Filter to show all the nodes available. Just select any node.
Just like when you typed text and locked the Visual panel, now the text panel was locked, waiting for valid nodes to be created. You can also use the right mouse button to navigate through the visual panel. In order to do so, you just have to hold the right mouse button and move the mouse as you like. The mouse's scroll button can be used to zoom in/out in the visual programming panel.
That's the basics of it!
You now know how to navigate around Vizzcode, create projects, type text and create nodes - all you need to create Your First Program!