{"id":13661584,"url":"https://github.com/Haruma-K/UnityUIPlayables","last_synced_at":"2025-04-25T03:30:28.993Z","repository":{"id":37362203,"uuid":"353710470","full_name":"Haruma-K/UnityUIPlayables","owner":"Haruma-K","description":"Tracks and Clips for controlling the Unity UI (uGUI) with Timeline.","archived":true,"fork":false,"pushed_at":"2024-07-15T04:21:52.000Z","size":1388,"stargazers_count":488,"open_issues_count":0,"forks_count":53,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-11-10T16:45:26.755Z","etag":null,"topics":["animation","playable","playables","timeline","ugui","unity","unityui"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Haruma-K.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-04-01T13:31:22.000Z","updated_at":"2024-11-09T17:28:24.000Z","dependencies_parsed_at":"2024-08-02T05:11:10.272Z","dependency_job_id":"62ed7fcd-3e66-42f7-b832-31a0cd5685f2","html_url":"https://github.com/Haruma-K/UnityUIPlayables","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Haruma-K%2FUnityUIPlayables","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Haruma-K%2FUnityUIPlayables/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Haruma-K%2FUnityUIPlayables/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Haruma-K%2FUnityUIPlayables/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Haruma-K","download_url":"https://codeload.github.com/Haruma-K/UnityUIPlayables/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250747624,"owners_count":21480679,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","playable","playables","timeline","ugui","unity","unityui"],"created_at":"2024-08-02T05:01:37.462Z","updated_at":"2025-04-25T03:30:27.898Z","avatar_url":"https://github.com/Haruma-K.png","language":"C#","readme":"\u003ch1 align=\"center\"\u003eUnity UI Playables\u003c/h1\u003e\n\n\u003e [!WARNING]\n\u003e From several perspectives, I recommend controlling UI animations with keyframes rather than clips. For reference, see this link:  \n\u003e https://forum.unity.com/threads/animation-events-on-last-frame-arent-fired-in-timeline-when-its-the-last-frame-of-the-timeline.791258/.  \n\u003e \n\u003e Therefore, this repository will be archived. When controlling the Timeline with keyframes, I strongly recommend using the following assets:  \n\u003e https://assetstore.unity.com/packages/tools/animation/curvify-277062.\n\nTracks and Clips for controlling the Unity UI (uGUI) with Timeline.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"80%\" src=\"https://user-images.githubusercontent.com/47441314/113313016-cf9afe80-9345-11eb-9aa9-422c53b5a3f8.gif\" alt=\"Demo\"\u003e\n\u003c/p\u003e\n\n## Features\n\n#### Control Unity UI (uGUI)\nUnity UI Playables allows you to control any uGUI components and its parameters with Timeline.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"80%\" src=\"https://user-images.githubusercontent.com/47441314/113312392-34098e00-9345-11eb-9ec4-614caffe09a0.png\" alt=\"Control Unity UI\"\u003e\n\u003c/p\u003e\n\n#### Easings and Animation Curve\nYou can easily set up animations using the easing functions.  \nIf you want to create complex animations, you can also use Animation Curve.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"60%\" src=\"https://user-images.githubusercontent.com/47441314/113312417-3a980580-9345-11eb-815b-96baf0f10189.png\" alt=\"Easings and Animation Curve\"\u003e\n\u003c/p\u003e\n\nLooping of animations is also possible (Repeat, Reverse, and PingPong are supported as loop types).\n\n#### Blending\nAll clips and all parameters are blendable.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"80%\" src=\"https://user-images.githubusercontent.com/47441314/113312482-4c79a880-9345-11eb-8e19-c6c85d2e1338.png\" alt=\"Blending\"\u003e\n\u003c/p\u003e\n\n## Setup\n\n#### Requirement\nUnity 2019.4 or higher.\n\n#### Install\n1. Open the Package Manager from Window \u003e Package Manager\n2. \"+\" button \u003e Add package from git URL\n3. Enter the following\n    * https://github.com/Haruma-K/UnityUIPlayables.git?path=/Assets/UnityUIPlayables\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=500 src=\"https://user-images.githubusercontent.com/47441314/113792801-c1077980-9781-11eb-8770-210999a25c9a.png\" alt=\"Package Manager\"\u003e\n\u003c/p\u003e\n\n\nOr, open Packages/manifest.json and add the following to the dependencies block.\n\n```json\n{\n    \"dependencies\": {\n        \"com.harumak.unityuiplayables\": \"https://github.com/Haruma-K/UnityUIPlayables.git?path=/Assets/UnityUIPlayables\"\n    }\n}\n```\n\nIf you want to set the target version, specify it like follow.\n* https://github.com/Haruma-K/UnityUIPlayables.git?path=/Assets/UnityUIPlayables#0.1.0\n\n#### License\nThis software is released under the MIT License.  \nYou are free to use it within the scope of the license.  \nHowever, the following copyright and license notices are required for use.\n\n* https://github.com/Haruma-K/UnityUIPlayables/blob/master/LICENSE.md\n\n## Usage\n\n#### Create Tracks and Clips\nPress the add track button in Timeline and select the track below UnityUIPlayables.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=500 src=\"https://user-images.githubusercontent.com/47441314/113312977-c6aa2d00-9345-11eb-99f5-cd46b718c708.png\" alt=\"Create Tracks and Clips\"\u003e\n\u003c/p\u003e\n\nNext, add the corresponding clip to the track.  \nThe parameters can be controlled from the clip's inspector.\n\n## Controllable Parameters\n|Component Name|Parameter Name|\n|-|-|\n|\u003cb\u003eRectTransform\u003c/b\u003e|Anchored Position\u003cbr\u003eSize Delta\u003cbr\u003eLocal Rotation\u003cbr\u003eLocal Scale|\n|\u003cb\u003eGraphic\u003c/b\u003e|Color|\n|\u003cb\u003eImage\u003c/b\u003e|Color\u003cbr\u003eFill Amount|\n|\u003cb\u003eRawImage\u003c/b\u003e|Color\u003cbr\u003eUV Rect|\n|\u003cb\u003eText\u003c/b\u003e|Color\u003cbr\u003eFont Size\u003cbr\u003eLine Spacing|\n|\u003cb\u003eText (Text Mesh Pro)\u003c/b\u003e|Font Size\u003cbr\u003eColor\u003cbr\u003eGradient (Top Left / Top Right / Bottom Left / Bottom Right)\u003cbr\u003eSpacing (Character / Line / Word / Paragraph)\u003cbr\u003eFace Color (Only at Runtime)\u003cbr\u003eOutline Color (Only at Runtime)\u003cbr\u003eOutline Width (Only at Runtime)|\n|\u003cb\u003eSlider\u003c/b\u003e|Value|\n|\u003cb\u003eCanvas Group\u003c/b\u003e|Alpha|\n\n## Demo\n1. Clone this repository.\n2. Open and play the following scene.\n    * https://github.com/Haruma-K/UnityUIPlayables/blob/master/Assets/Demo/Scenes/Demo.unity\n","funding_links":[],"categories":["Animation","C\\#"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHaruma-K%2FUnityUIPlayables","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FHaruma-K%2FUnityUIPlayables","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FHaruma-K%2FUnityUIPlayables/lists"}