Document #1 | CanaryUI

Document #1 - CanaryUI

This document introduces the UI system, CanaryUI. Credits for making this system is possible can be found here.

Table of contents:

  • Introduction
  • Cautions on using this system
  • Games currently using CanaryUI
  • Credits

Introduction

CanaryUI is a system that unifies the user experience in all the platforms in ROBLOX (PC, tablet, mobile, and Xbox). Without having to recode the UI so other platforms can play the game without any experience difference. The system will automatically make the UI fit in all devices, no matter how tall, how narrow the screen is. The user experience won’t be altered but only the positioning, sizing of each UI will make the user feel comfortable while interacting with the interface.

CanaryUI was influenced by ASP.net, a language Microsoft wrote that doesn’t require the coder to recode the system but can make the UI compatible in any platform.

Cautions on using this system

Do:
  • Avoid heavy text on UI, make it minimal and easy to understand for most of the players
  • Keep contrast in a suitable ratio
  • Unify animations, don’t use different Easing directions and different duration
  • Keep animation as less as possible

Don’ts:

  • Claim CanaryUI as yours, this includes reselling the system
  • Do not use fonts out of the designing genre, like arcade font, highway font, etc
  • Do not use colorful colors for primary color, use either #FFFFFF for white UI or #121212 for dark UI

Games currently using CanaryUI

Credits

Rostrap for tweening instances
1 Like