Blurring the lines between visually expressive but static posters and interactive game UI. Features a game-like interface with a strong emphasis on stylised visual aesthetics while maintaining functionality. Sairi is also a compilation of various real-time 2D and 3D rendering techniques; including cel shading with outlines, character animation transitions, depth-based live shader replacement, and procedurally generated Bezier splines. Most visual effects are implemented in Unity’s URP Shadergraph. Made with Unity (main engine), VRoid Studio (character modelling), Blender 3D (model optimisation), C# (scripting).

Screen 1

Screen 2

Features

• A flat, anime style aesthetic with toon shading
• Fully rigged 3D anime schoolgirl character created in VRoid Studio and exported in the VRM format
• Dynamic text and text effects that respond to user interaction

• A customisable polka-dot effect for backgrounds, implemented in URP Shadergraph

• Procedurally generated Bezier spline curves and particles (The core logic of this process is also implemented in Python: bezierspline)

• Real-time depth-based shader replacement for special masking effects

• Animated transitions for all interactive and non-interactive objects on screen
• Character eye-tracking and natural blinking

Behind-the-Scenes

Project Brainstorming + Progress Log

Randomised Bezier Curve Implementation Log

Installation

• The project was developed and tested on Unity version 2021.3.9f1 LTS. Simply clone the GitHub repository and open it in the editor. Newer versions of the Unity editor were not tested, but will likely work.
• After opening the project, the URP-UniVrm .unitypackage must be imported into the project for proper character rendering. The version used during development was 1.0.4.
• Builds have been tested on macOS, Windows 11, iOS, and WebGL 2.

Licensing

• The main character model (“Sairi” or “Sairi Ponytail”) was created in VRoid Studio, and thus must comply with the VRoid Studio Guidelines and VRoid Studio Terms of Service in addition to the CC-BY-SA license of the .vrm file itself.
• The three fonts used in the project: Kanit, Daimon, and M PLUS 1p are all licensed under the SIL Open Font License.
• All other files that are not mentioned above and are not part of Unity (e.g. /Assets/TextMesh Pro/ and project metadata, etc.) are licensed under the MIT license. Please feel free to use, modify, or simply take the concept and create derivative work.