skills.rest
dcl-regenesislabs
dcl-regenesislabsOFFICIAL
Explore all skills by this author →
GitHub

animations-tweens

Animate Decentraland entities with GLTF animations, code-based tweens, and sequences.

Updated Feb 26, 2026
Search Tags:#animation#3d models#gltf#tween#decentraland#scene elements
One-click install
npx skills add https://github.com/dcl-regenesislabs/dcl-catalog --skill animations-tweens
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: animations-tweens
Source: https://github.com/dcl-regenesislabs/dcl-catalog/tree/main/.agents/skills/animations-tweens
Command: npx skills add https://github.com/dcl-regenesislabs/dcl-catalog --skill animations-tweens

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables dynamic and engaging visual experiences in Decentraland by providing tools to animate objects, characters, and scene elements over time.

Core Features & Use Cases

  • GLTF Animations: Play animations embedded directly within 3D models (.glb files) using the Animator component. Ideal for character movements or pre-defined object actions.
  • Code-Based Tweens: Create smooth, programmatic animations for position, rotation, and scaling using the Tween component. Perfect for moving platforms, rotating objects, or scaling UI elements.
  • Chained Animations: Sequence multiple tweens together using TweenSequence for complex, multi-step animations like a door opening and then sliding.
  • Use Case: Make a decorative statue in your scene slowly rotate, have a platform move between two points, and trigger a character's walk animation when a player approaches.

Quick Start

Use the animations-tweens skill to make the entity named 'myBox' move from position (2,1,8) to (14,1,8) over 2000 milliseconds using an ease-in-out sine function.

Frequently Asked Questions about animations-tweens

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I animate a 3D model in a Decentraland scene?▼

You animate 3D models in Decentraland by playing animations embedded within .glb files using the Animator component, or by applying programmatic tweens to move, rotate, and scale entities.

What is the best way to move an object between two points in Decentraland?▼

The best way to move an object in Decentraland is using code-based Tweens to smoothly transition position, rotation, or scale, with support for various easing functions like ease-in-out sine.

Can I chain multiple tweens together for complex multi-step animations?▼

Yes, you can chain multiple tweens together using TweenSequence to create complex, multi-step animations in Decentraland, such as an object rotating and then sliding.

Does the Animator component work with GLTF animations in Decentraland?▼

Yes, the Animator component works with GLTF animations, allowing you to play pre-defined character movements and object actions embedded directly within .glb files.

When should I use GLTF animations versus code-based tweens in Decentraland?▼

Use GLTF animations for pre-defined character movements embedded in .glb files, and use code-based tweens for programmatic position, rotation, or scaling changes on dynamic scene elements.

What easing functions are available for tween animations in Decentraland?▼

Tweens in Decentraland support various easing functions, including ease-in-out sine, allowing you to control the acceleration and deceleration of movement, rotation, and scaling animations.

Related Skills

Explore More Software Engineering Skills→
dcl-regenesislabsdcl-regenesislabs

add-3d-models

Add .glb or .gltf models to Decentraland scenes via GltfContainer.

Official
Intermediate
dcl-regenesislabsdcl-regenesislabs

add-interactivity

Add click handlers, hover effects, and raycasting to Decentraland scene entities.

Official
Intermediate
TheLazyLemurTheLazyLemur

engine-collision

Implement OBB-based collision detection and response with layer filtering and movement constraints.

Community
Intermediate
rodydavisrodydavis
58

lightweight-flutter-animations

Create Flutter animation widgets using SingleTickerProviderStateMixin without manual setState calls.

Community
Intermediate