2D Basic Solution

Summary

This solution represents a basic example that shows the fundamentals of how to compose a 2D scene. This includes the basic node types (SolidColorNode, BitmapNode and TextNode) and a camera that is linked to a render-target.

It demonstrates the outstanding possibilities of CGI Studio's TextNode with a welcome text in various languages. This shows that handling of even complex fonts and different text directions is supported.

An animation of Vector Graphics adds some gentle motion to this otherwise static 2D scene.

Description

2D Scene

There is one 2D scene in the whole solution.

drawing-4-1700548071.png

The scene is composed of three parts:

Here is an overview of how to map parts of the scene tree to the individual parts of the scene.

drawing-5-1732868703.png
Camera

The camera is linked to a created render-target which is necessary for rendering. The render-target is linked to a display.

drawing-5-1726825606.png
Animation

Details of the animation can be viewed in "Animation Design" mode. To switch to this mode, click the corresponding button in the menu.

drawing-5-1726825700.png

In "Animation Design" mode you can view the Animation Configuration, Animation Timeline and Animation Values. They allow you to analyze and modify the animation.

drawing-5-1726825825.png
drawing-5-1726825932.png


Revision #9
Created 2023-02-16 01:35:56 UTC by Kanai Tomoaki
Updated 2024-11-29 07:25:25 UTC by Elisabeth Zauner