Japanese English

VCSSL GUI Development Guide

This guide explains how to create and work with graphical user interfaces (GUIs) in VCSSL, such as windows, buttons, and input fields.

Introduction

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!

Table of Contents


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.

Japanese English
Index
News From RINEARN
* VCSSL is developed by RINEARN.

VCSSL 3.4.52 Released: Enhanced Integration with External Programs and More
2025-05-25 - This update introduces enhancements to the external program integration features (e.g., for running C-language executables). Several other improvements and fixes are also included. Details inside.

Released: Latest Version of VCSSL with Fixes for Behavioral Changes on Java 24
2025-04-22 - VCSSL 3.4.50 released with a fix for a subtle behavioral change in absolute path resolution on network drives, introduced in Java 24. Details inside.

Released the Latest Versions of RINEARN Graph and VCSSL - Now Supporting Customizable Tick Positions and Labels!
2024-11-24 - Starting with this update, a new "MANUAL" tick mode is now supported, allowing users to freely specify the positions and labels of ticks on the graph. We'll explain the details and how to use it.

Released Exevalator 2.2: Now Compatible with TypeScript and Usable in Web Browsers
2024-10-22 - The open-source expression evaluation library, Exevalator, has been updated to version 2.2. It now supports TypeScript and can be used for evaluating expressions directly in web browsers. Explains the details.

Behind the Scenes of Creating an Assistant AI (Part 1: Fundamental Knowledge)
2024-10-07 - The first part of a series on how to create an Assistant AI. In this article, we introduce the essential knowledge you need to grasp before building an Assistant AI. What exactly is an LLM-based AI? What is RAG? And more.

Launching an Assistant AI to Support Software Usage!
2024-09-20 - We've launched an Assistant AI that answers questions about how to use RINEARN software and helps with certain tasks. Anyone with a ChatGPT account can use it for free. We'll explain how to use it.

Software Updates: Command Expansion in RINEARN Graph, and English Support in VCSSL
2024-02-05 - We updated our apps. This updates include "Enhancing the Command-Line Features of RINEARN Graph" and "Adding English Support to VCSSL." Dives into each of them!

Inside the Repetitive Execution Speedup Impremented in Vnano Ver.1.1
2024-01-17 - Delves into the update in Vnano 1.1 from a developer's viewpoint, providing detailed insights into the specific improvements made to the internal structure of the script engine.