All Projects → Haruma-K → UnityUIPlayables

Haruma-K / UnityUIPlayables

Licence: MIT license
Tracks and Clips for controlling the Unity UI (uGUI) with Timeline.

Programming Languages

C#
18002 projects
ShaderLab
938 projects
HLSL
714 projects

Projects that are alternatives of or similar to UnityUIPlayables

React Timeline 9000
React Timeline
Stars: ✭ 184 (-33.57%)
Mutual labels:  timeline
Timelinestoryteller
An expressive visual storytelling environment for presenting timelines on the web and in Power BI. Developed at Microsoft Research.
Stars: ✭ 244 (-11.91%)
Mutual labels:  timeline
MirrorReflectionEffectForUGUI
A simple mirror reflection effect for a uGUI without reflection probes or shaders.
Stars: ✭ 99 (-64.26%)
Mutual labels:  ugui
Iky
OSINT Project
Stars: ✭ 203 (-26.71%)
Mutual labels:  timeline
Just Animate
Making Animation Simple
Stars: ✭ 242 (-12.64%)
Mutual labels:  timeline
Stream Rails
Rails Client - Build Activity Feeds & Streams with GetStream.io
Stars: ✭ 250 (-9.75%)
Mutual labels:  timeline
Timeline
瀑布流式的时间轴
Stars: ✭ 2,028 (+632.13%)
Mutual labels:  timeline
SwiftTweener
A pure Swift animation engine.
Stars: ✭ 74 (-73.29%)
Mutual labels:  timeline
Midianimationtrack
SMF (.mid) file importer for Unity Timeline
Stars: ✭ 243 (-12.27%)
Mutual labels:  timeline
Adtimeline
Timeline of Active Directory changes with replication metadata
Stars: ✭ 252 (-9.03%)
Mutual labels:  timeline
React Chrono
🕜 Modern Timeline component for React
Stars: ✭ 2,873 (+937.18%)
Mutual labels:  timeline
Life
Life - a timeline of important events in my life
Stars: ✭ 2,627 (+848.38%)
Mutual labels:  timeline
Chataigne
Artist-friendly Modular Machine for Art and Technology
Stars: ✭ 251 (-9.39%)
Mutual labels:  timeline
Animated Timeline
🔥 Create timeline and playback based animations in React
Stars: ✭ 197 (-28.88%)
Mutual labels:  timeline
UnityDynamicScrollView
Dynamic scrollView based on UGUI
Stars: ✭ 161 (-41.88%)
Mutual labels:  ugui
Jquery.timeline
You can easily create the horizontal timeline with two types by using this jQuery plugin.
Stars: ✭ 179 (-35.38%)
Mutual labels:  timeline
Mojs Player
GUI player to control your animations
Stars: ✭ 243 (-12.27%)
Mutual labels:  timeline
laravel-quasar
⏰📊✨Laravel Time Series - Provides an API to create and maintain data projections (statistics, aggregates, etc.) from your Eloquent models, and convert them to time series.
Stars: ✭ 78 (-71.84%)
Mutual labels:  timeline
react-timeline-9000
React Timeline
Stars: ✭ 259 (-6.5%)
Mutual labels:  timeline
Timelines
A powerful & easy to use timeline package for Flutter! 🚀
Stars: ✭ 246 (-11.19%)
Mutual labels:  timeline

Unity UI Playables

Tracks and Clips for controlling the Unity UI (uGUI) with Timeline.

Demo

Features

Control Unity UI (uGUI)

Unity UI Playables allows you to control any uGUI components and its parameters with Timeline.

Control Unity UI

Easings and Animation Curve

You can easily set up animations using the easing functions.
If you want to create complex animations, you can also use Animation Curve.

Easings and Animation Curve

Looping of animations is also possible (Repeat, Reverse, and PingPong are supported as loop types).

Blending

All clips and all parameters are blendable.

Blending

Setup

Requirement

Unity 2019.4 or higher.

Install

  1. Open the Package Manager from Window > Package Manager
  2. "+" button > Add package from git URL
  3. Enter the following

Package Manager

Or, open Packages/manifest.json and add the following to the dependencies block.

{
    "dependencies": {
        "com.harumak.unityuiplayables": "https://github.com/Haruma-K/UnityUIPlayables.git?path=/Assets/UnityUIPlayables"
    }
}

If you want to set the target version, specify it like follow.

License

This software is released under the MIT License.
You are free to use it within the scope of the license.
However, the following copyright and license notices are required for use.

Usage

Create Tracks and Clips

Press the add track button in Timeline and select the track below UnityUIPlayables.

Create Tracks and Clips

Next, add the corresponding clip to the track.
The parameters can be controlled from the clip's inspector.

Controllable Parameters

Component Name Parameter Name
RectTransform Anchored Position
Size Delta
Local Rotation
Local Scale
Graphic Color
Image Color
Fill Amount
RawImage Color
UV Rect
Text Color
Font Size
Line Spacing
Text (Text Mesh Pro) Font Size
Color
Gradient (Top Left / Top Right / Bottom Left / Bottom Right)
Spacing (Character / Line / Word / Paragraph)
Face Color (Only at Runtime)
Outline Color (Only at Runtime)
Outline Width (Only at Runtime)
Slider Value
Canvas Group Alpha

Demo

  1. Clone this repository.
  2. Open and play the following scene.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].