Visibility animation

This page describes how to make settings when applying a visibility animation to a model using CreativeStudio.

What is a Visibility Animation?

A visibility animation is an animation that controls the visibility of a model.

Configuring the Color Editor Panel

Use the CurveEditor panel to create and edit visibility animations.

For details on the CurveEditor panel, click here.

Description of Curve Editor Panel Axes

Table 1 gives the settings for the horizontal and vertical axes on the CurveEditor panel used to create visibility animations.

Table 1 Setting the Horizontal and Vertical Axes in CurveEditor When Creating Visibility Animations

Setting Vertical Axis and Horizontal Axis Description of Setting
IsVisible (Curve) Vertical axis 0 and 1 are used to set the visibility of a model.
0 : Hide model
1: Show model
Horizontal axis Number of frames (number of frames to show/hide the model)

Sample Configuration

This page describes how to configure visibility animations using the ToyMt sample data of TutorialToyBlock.

  1. Loading sample data
  2. Checking the CurveEditor panel
  3. Editing Visibility Animations

Loading sample data

On the CreativeStudio menu, select File > Open > Intermediate file and open toy_mt.cres.

" %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyBlock/ToyMt.cres"

Image of Loading Toy_Block

Checking the CurveEditor panel

Check the visibility animation settings for ToyMt on the CurveEditor panel.

Select the Toy_Mt model displayed in the Contents panel to open the CurveEditor panel.

Figure 1. Select Toy_Mt on the Contents panel.

Material Color Animation Contents

In CreativeStudio, select Window > CurveEditor to open CurveEditor.

Figure 2 Curve Editor Panel for Toy_Mt

visibility animation

Parameter settings configuring the curve are displayed in bold in the graph tree view of the CurveEditor panel.

A visibility animation has been created for Curve of IsVisible.

Editing Visibility Animations

This page describes how to create and edit visibility animations by actually using Toy_Mt.

Selecting IsVisible in the graph tree view on the CurveEditor panel will display the visibility animation curve shown in Figure 3 in the graph view.

Figure 3 Visibility Animation Curve

Emission color animation

Select the graph view and press the A key. The display will be arranged to show all keys currently set.

The visibility animation settings of Toy_Mt are given below.

Toy_Mt, which had been visible, is hidden from Frame 70 to Frame 99. It reappears again starting from Frame 100.

Frame Description of Setting Result
0 ~ 69 Keys are set to 1. ToyMt is displayed during this period.
70 ~ 99 Keys are set to 0. ToyMt is not displayed during this period.
100 ~ 180 Keys are set to 1. ToyMt is displayed during this period.

Editing Example

  1. Setting the model so it is not hidden
  2. Changing the model display timing
Setting the model so it is not hidden

Delete keys set to 0 on the CurveEditor panel as shown below.

Figure 4 Deleting Keys Set for the Curve

Emission color animation

Keys can be deleted by selecting the range of keys to be deleted with the mouse and pressing the Delete key.

When deleting keys, can be edited as a single curve from Frame 0 to Frame 180 as shown in the figure above.

If the animation is played in this state, the model, which disappeared from Frame 70 to Frame 99, will be displayed.

Changing the model display timing

Here, we will try changing the number of frames that display the ToyMt model by adding two new keys to the continously displayed curve in Figure 4.

Emission color animation

The keys are added by pressing the S key while the curve is selected in the graph view.
If the added keys are selected in the range specified using the mouse, they can be moved by dragging them with the middle button.

If the animation is played with the settings given above, the ToyMt sample model will be displayed only during the first and last 20 Frames of the animation.


CONFIDENTIAL