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.

Contents

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 keyframes in Verge3D for 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 Verge3D for 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 Verge3D for 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 Verge3D for 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 Verge3D for 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 Verge3D for Blender

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 animation in Verge3D for Blender

Playback Options

Verge3D Per-Object Settings

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

Verge3D for Blender animation settings panel

Animation settings:

Interpolation

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

Keyframe interpolation in Verge3D for 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 Verge3D for 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

See also the following tutorial:

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

Got Questions?

Feel free to ask on the forums!