ABSTRACT

This chapter deals with the practical details of creating a user interface. With Rack, the user interface is created in two stages: Graphical design of the panel background using vector drawing software and code development to add components and bind them to parameters and ports of the module. Any graphic file in VCV Rack will require different rescaling for each different monitor or screen resolution. Alternatively, doing this with raster graphic formats such as PNG or JPG requires interpolation, introducing an inherent quality reduction and reducing the readability of the front panel texts. scalable vector graphics (SVG) files can be drawn with several vector graphics applications. The easiest solution is to employ a helper script provided by Rack that converts the SVG file into a template C++ file. The name of the object may be given directly in the SVG file to avoid unnecessary editing later in the code.