Scrolling Clouds

Niantic Studio UI Tech Demo

This project is a visual tech demo built in Niantic Studio to showcase the power of the new UI system. It includes animated overlays, a pulsing loader, scrolling background elements, and a title card intro animation — all driven by state machines and global events.

README.md also has all of this info.

Features

Title Card Animation

• Scales in from 0 to 80% of screen width and height.
• Holds for 5 seconds, then scales back down and hides.
• Automatically triggered after onboarding begins.

Pulsing UI Loader

• Expands, loops, and collapses in a pulse animation.
• Driven by global events and ECS states.

Loading Text Flow

• Shows "Loading..." and then "Tap to Begin" after loading.
• Waits for a user click to continue.

Scrolling Cloud Background

• Randomized cloud sizes and speeds scroll across the screen.
• Clouds are removed when off-screen.

UI Flow Automation

• A UI Manager handles the entire experience:
  • Ends pulse after loading.
  • Waits for UI elements to be hidden.
  • Starts cloud scrolling and title animation.

Included Components

• UIPulse – Rhythmic size pulsing.
• Loading Text – Displays loading messages.
• ScrollingUICloudController – Moves clouds across the screen.
• UI Cloud Spawner – Spawns randomized cloud overlays.
• UI Manager – Controls overall UI state flow.
• Game Manager – Waits for assets to load, then starts the sequence.
• Title Card Scaler – Handles intro and outro animation of a title image.

How to Use

1. Clone or import this project into your Niantic Studio workspace.
2. Assign your own image assets using the component schema.
3. Press play. The experience runs automatically from start to finish.

Purpose

This demo exists to:

• Show what is possible with the new UI system in Niantic Studio.
• Provide clean, modular examples of UI logic using ECS state machines.
• Serve as a starter template for developers building polished UI flows.

License

This project is open-source and free to use in your own work.