Cozmos Knowledgebase
  • Welcome to Cozmos
  • Quick start
  • Release Notes
  • Inspiration
  • Cozmos Space
    • Overview
    • Space Core Areas
    • User Management
    • Settings
  • Cozmos Curator
    • Overview
    • Control Bar
    • Contextual Edit Panels
    • Generating & Publishing
  • Guides
    • Accessibility
    • Analytics
      • Matomo Analytics
      • A/B Testing with Matomo
      • Tracking Custom Sphere Events with GTM
      • GTM Cookie Consent
    • Animations
      • Journeying
    • Asset Libraries
    • Audio
    • Backgrounds
    • Clusters
      • Cluster Packing
    • Domain Management
    • Ecommerce
      • Shopify Integration
        • Shopify Multipass
      • Ideal360
    • Figma Plugin
    • Navigation
      • Navigation Buttons
      • Navigation Arrows
    • Overlays
    • Social Media
      • Facebook
      • X (Twitter)
      • YouTube
      • TikTok
      • Snapchat
      • Twitch
      • Linkfire
    • SEO
    • Templates
    • Using Generative AI
      • Midjourney guide for Cozmos
    • Video
      • Video Backgrounds
    • Copy a Sphere
  • Help
    • FAQs
    • Glossary of Terms
    • Support
    • Data Deletion
  • Terms of Use
  • Privacy Policy
Powered by GitBook
On this page
  • What are Animations?
  • How it works
  • Where you can use it
  • Animation Paths
  • Use of Animation Paths
  • Types of Animation Paths
  • Special Features

Was this helpful?

  1. Guides

Animations

Welcome to our guide on Animation and Animation Paths! This article will help you understand how to use these features to create engaging and dynamic experiences within your sphere.

PreviousGTM Cookie ConsentNextJourneying

Last updated 7 months ago

Was this helpful?

What are Animations?

Animations allow you to smoothly navigate from one object to another within the same sphere or between different spheres. Think of them as guided tours that make your content come alive.

How it works

When you set up an animation, users will be seamlessly directed from one object to another.

Where you can use it

Animation Paths

Animation paths make managing your animations easier and more flexible. Here’s what you can do with them:

  • Flexibility: Any object can now be a start or end point, with no limitations

  • Ease of Use: Use drag-and-drop functionality to easily manage the order of your animations.

  • Customisation Options: Adjust the delay, duration, and type of animation (such as linear, ease in/out, and bounce). You can also set zoom options if you want the animation to zoom in or out on the object.

If an object used in the path is deleted, the path will error, and the sphere cannot be generated. Always ensure that all objects in your path exist and are properly set up.

Use of Animation Paths

Animation paths are versatile and can be used for several purposes:

  1. Create a Specific Experience: You can create a path and share its link with your target audience, giving them the specific experience you want them to have.

  2. Demo Experience: Assign paths to control buttons to create a ‘demo’ experience for users. This way, when they click a button, it follows the defined path

  3. Sphere Navigation: Use arrows to navigate spheres with animation paths.

Types of Animation Paths

  1. Custom: an auto-play path type that serves to play a sequence that intoduces your sphere to its visitors.

Special Features

  • Loop Animation: Animations can repeat until a user interacts with them.

  • Apply Final Object’s Action: When the animation path reaches the last object, the action assigned to that object will be executed (e.g navigating to another sphere or opening an overylay).

You can apply animations to almost any object type except for clusters and videos. However, the endpoint of the animation path can be any object type without limitations. For path type, you can even use overlays as an endpoint!

Navigation Arrows: a type of path that can be assigned to for user to navigate the sphere with designated buttons.

Journey: allows you to guide your audience through a series of overlays.

Journey
Navigation arrows
Learn more
Animations menu
Manage animations pop-up