Search Results

In order to adapt to changing window dimensions or the content’s size, the layouter is often required to resize automatically. The goal in this use case was to realize a sort of dialog or a button that looks as follows. Using the layout above, a r...

Design Constraints Layouters for 2D scenes CGI Studio Layouters are currently available for the 2D scene environment only. However the application of layouters with the 3D Canvas is being prepared. Disable 2D layout To save computing power and code size fo...

Measure and Arrange Computing the layout in CGI Studio consists of two calls: a measure call and an arrange call. In the measure call the system determines the elements’ size requirements. The parent element tells its child elements how much space is availabl...

Introduction The Layout Monitor is a feature that allows the user to see the relevant areas computed by the layouter as an overlay on top of the rendering of the application. The user can select nodes in the scene tree, the layouter rectangles are drawn autom...

Control Condition Behaviors Check Animation State Checks the current state of an animation (for example, play, paused, or direction changed) from the Configure and Play Animation behavior and triggers an action behavior when the condition is met. Co...

Construction Kit Control Behaviors Map Control Behaviors Map Provides the map rendering and navigation functionality. Common Properties Property Name Type Description TouchableId String Touchable Id of the behavior. Bearing Float ...

General demands on Effects Effects represent the algorithms that transform input data into visible output in the destination framebuffer. Input data can either be images, or data that describes how an image is generated (e.g. Gradient parameters). OpenGL effe...

CGI-Studio provides various effects, each of which have certain properties, which they can be configured with. Properties that apply to most of the CGI-Studio Blend Effects are described below. Filter When the content of a node (e.g. a texture) should be dis...

Alpha Blending is the process of combining the pixel data of multiple overlapping objects to a single pixel with a final color and alpha value. Blend Factor Here is an example on the different blend factors using alpha blending: Alpha is...

BitmapBrushBlend With this effect you can configure a RenderNode to display an image. Image This is the place where you configure the image to be displayed by this RenderNode. When clicking on the "magnifying glass"-icon you can choose your desired ...

SolidColorBrushBlend A Solid Color Node is used to display a colored rectangle. When creating a SolidColorNode by clicking the "magnifyingglass"-icon, this is a Node2D with a SolidColorBrushBlend effect on it. Color The color can be chosen...

GlSolidColorBrushMaskBlend With this effect, you can define a rectangle with a any solid color, similar to the SolidColorNode. Additionally, the configuration of a mask image and a mask node is possible in order to specify transparent areas in this colored re...

GlBitmapBrushMaskBlend This effect allows to add a mask (i.e. to add additional alpha information) to an image by defining a mask image. The position, orientation and scaling of this mask image is defined by a Mask Node. Image Here you can define the imag...

The CGI-Studio gradient brush paints an area with two colors that blend into each other along an axis. You can use a gradient brush to create impressions of light and shadow, giving your controls a feeling of 3D. You can also use them to simulate smooth surfac...

Note that the OpenGL Flip Bitmap Brush Effect is an OpenGL effect and only available on platforms supporting OpenGL. GlFlipBitmapBrushBlend With this effect a bitmap can be defined that can be flipped horizontally or vertically. Image An image can be defin...

Note that the OpenGL Drop Shadow Effects are OpenGL effects and only available on platforms supporting OpenGL. Be advised that the OpenGL Drop Shadow Effects are rendered twice and therefore consume performance. GlDropShadowBitmapBrushBlend With this effect...

Note that the OpenGL Outline Effects are OpenGL effects and only available on platforms supporting OpenGL. GlOutlineBitmapBrushColorBlend The OpenGl Outline Bitmap Brush Color Blend effect draws an outline to the configured image according to the performed c...

It is now possible to configure the list of Effects required by the application. A new project will be created in this regard, which will include the generated EffectSet and the necessary dependent source files. CMake Flag A new flag has been introduced to s...