This guide explains how to create and work with graphical user interfaces (GUIs) in VCSSL, such as windows, buttons, and input fields.
In VCSSL, the typical form of interaction between a program and the user is through a so-called "black screen with white text" -- that is, a console interface.
However, when needed, you can also use a more familiar interface like those seen in common software: screens with windows, buttons, input fields, and other graphical elements.
This type of visual, user-friendly interaction is generally known as a GUI (Graphical User Interface).
Using a GUI makes your program easier to understand at a glance, which is especially helpful when creating small tools you want others to use.
Moreover, GUIs in VCSSL can be combined with its graphics-drawing features, allowing you to display 2D or 3D graphics in a freely positioned area of the window.
Of course, buttons and other controls can be placed alongside the graphics as well.
VCSSL also allows you to launch external programs -- such as OS commands or executables developed by other languages -- and exchange data with them via standard input and output.
This makes it possible to combine a GUI written in VCSSL with core logic implemented in another language.
This guide will walk you through how to build GUIs in VCSSL, step by step.
If you're new to VCSSL programming, we recommend starting with the the VCSSL Syntax Guide, Quick VCSSL Guide, or VCSSL Startup Guide (not translated yet) before diving in here.
Now, let's get started building GUI applications!
 |
GUI Introduces GUI concepts and how they fit into VCSSL projects. |
 |
Creating and Placing GUI Components Demonstrates how to create GUI components and position them on the screen. |
 |
Setting and Retrieving the State of GUI Components Explains how to set a component's state and retrieve it after placement. |
 |
Event Handling Shows how to process user-interaction events on GUI components. |