Animation / Blender

This page contains the information about Blender's animation types which can be used with Verge3D, as well as supported playback options and means to control the animation interactively.

Setting Up in Blender

Whole-Object Animation

Animation keyframes can be added in standard ways in Blender, by using Object → Animation → Insert Keyframe... menu (or with the shortcut I), selecting another frame on the timeline, moving/rotating/scaling an object to a new position and adding a new animation keyframe for this position.

Inserting animation keyframes in Blender

See also the following tutorial:

Skeletal Animation

An object can be skinned in Blender with an Armature object. Verge3D support maximum 4 weights per bone (4 most influential weights are selected, others are ignored). The armature's bones can be animated in Pose Mode (Ctrl-Tab), by using Pose → Animation → Insert Keyframe... menu (or with the shortcut I), selecting another frame on the timeline, moving/rotating/scaling a bone to a new position and adding a new animation keyframe for this position.

Inserting keyframes for skeletal animation in Blender

Shape Key Animation

You can add shape keys to an object in standard ways in Blender (click on the link for more details).

Shape key animation in Blender

The values for shape keys can be animated in Blender, by right-clicking on a value field and selecting Insert Keyframe (or by hovering the cursor over it and using the shortcut I), selecting another frame on the timeline, setting a new value in the field and adding a new animation keyframe for this value.

Inserting keyframes for shape key animation in Blender

Material Animation

Unlike with Blender, you can only animate a material parameter by first connecting it to a Value or RGB node.

Node material animation in Blender

The values or colors specified by these nodes can be animated in Blender, by right-clicking on a node and selecting Insert Keyframe (or by hovering the cursor over it and using the shortcut I), selecting another frame on the timeline, setting a new value or color and adding a new animation keyframe for it.

Inserting keyframes for node material animation in Blender

Light Animation

You can animate intensity of Blender lights (called Power for Point, Spot, and Area lights and Strength for Sun lights) to be reproduced in Verge3D.

Animating intensity of the lights in Blender

There is also set light param puzzle which you can use to control various parameters of lights in procedural way.

Path Animation

To achieve the animation of the movement of an object along a curve, you should assign Follow Path constraint to the object. After this, select the path object (the curve) and open the "Object Data Properties" options panel, where you can use the Path Animation panel. You have to set animation keyframes on Evaluation Time parameter.

Options to animate object along the path

Currently only the Z-Up twist method is supported.

Procedural Animation

Instead of playing back some animation which was pre-made in Blender, you can use Puzzles or JavaScript to modify coordinates or some other parameters with time. Particulurly, the animate param puzzle (based on the Tween.js library) is a convenient way to create your own animation on the fly.

Using the animate param puzzle to create parametric animation in Verge3D

Playback Options

Verge3D Per-Object Settings

Each object in Blender is assigned with Verge3D settings, including the settings for animation playback.

Blender animation settings panel

Animation settings:

Auto Start
Whether this object's animation will start after the scene is loaded.
Loop Mode
Playback mode: Repeat - plays from the start to the end and repeats, Once - plays one time and stops, Ping Pong - plays from the start to the end and then in reverse.
Repeat Infinitely
Whether this object's animation will be played all over again. Valid only for Repeat and Ping Pong modes.
Repeat Count
How many times the animation will be played. Valid only for Repeat and Ping Pong modes if Repeat Infinitely is disabled.
Offset
How many frames will be skipped before the animation starts.

Interpolation

The menu for switching keyframe interpolation is invoked with right click on the timeline window in Blender (shortcut T).

Keyframe interpolation in Blender

All interpolation modes available in Blender for animation keyframes are supported by Verge3D.

Frame Rate

The frame rate value (default - 24 fps) which affect the playback speed can be changed in the Output Properties tab.

Frame rate selector in Blender

Animation Control with Puzzles

You can use animation puzzles for playing back a pre-made animation (click on the link for more details).

Animation puzzles of Verge3D

Animation can also be implemented with other visual scripting blocks - see Camera and Time puzzles.

Got Questions?

Feel free to ask on the forums!