Mobile Animation Editor

A 3D animation editor that allows for content creation natively on mobile devices. (developed on Unity). Github Repo

Summary:

With the rise of spatial computing (VR/AR) and 3D as the next iteration of how media & commerce flow, there will be an increased demand of native 3D authoring tools for consumers.

Inspired by 3D computer graphics tools such as Blender, and the rise of media & distribution platforms such as Snap & TikTok / 抖音, I decided to create a lightweight animation editor that could handle 3D content creation natively on mobile devices.

How it works

All animation clips are created and sent to the Unity Playables Graph, which allows audiences to play, pause, & replay their creations.

The editor comes with a built-in timeline dashboard that takes advantage of the Unity Playables API.

To make an animation, the player creates an animation clip on the Timeline Dashboard. All animation keyframes are added, removed, or updated on the animation track through the Timeline Dashboard or the Animated Object’s Built-In UI.

The animation track stores all animation curves, which stores data on the object’s position & rotation at different points in time on the animation clip. These animation curves are sent to the animation clip each time a keyframe is added, removed or updated.

How to set up

Download the Unity package zip file here. The project is currently in development, as I am adding save / open features and 3D asset search to allow for project reusability.

Next Steps

  1. Make this an augmented realiy app that allows the audience to make short video clips that one can share on Snap or TikTok.
  2. Create an 3D interaction design system that leverages VFX (i.e. dynamic shaders) that create a seamless and user-friendly feedback loop throughout the animation editing experience.
  3. Add 3D onion skinning, improved linear / beizer path designs to keep track of the real-time positions and rotations of each object.

Published by fncischen

Animator / Developer focusing on Interaction Design, Narrative Storytelling, and 2D/3D Authoring Tools

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: