DailyUI project in Unity
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Assets
Library
ProjectSettings
Assembly-CSharp-vs.csproj
Assembly-CSharp.csproj
DailyUI-csharp.sln
DailyUI.sln
DailyUI.userprefs
README.md
day014img.png

README.md

DAILY UI in Unity

Alt text

About

The Daily UI challenge can be found at http://www.dailyui.co/

Originally I started the Daily UI project using only Sketch and limited myself to a 15-minute timebox.

About 3/4 of the way through creating 15-minute designs in Sketch (some I loved, some not so much), I wanted to make these interactable. Looking for a way to practice my C# and Unity skills, this seemed like a good challenge and with 100 UI's, the project will be a substantial UI library.

Demo Site

This project is intended for mobile, so the desktop experience was built using WebGL:

http://chaosfrolic.s3-website-us-west-1.amazonaws.com/dailyui/index.html

Setup

If this project is something you would like to see on your local machine as it currently stands, please install Unity: https://unity3d.com/unity

To play through the "days" using the previous/next buttons, you need to de-activate whichever DAILYUI (DAILYUI002 or DAILYUI014, etc) is currently highlighted in the Envelope hierarchy, and in the DailyUIManager ensure that "Daily UI Manager" C# script is active / checked.

Development Roadmap

  • [] Continue to do at least one Daily UI in Unity per weekday until Day 100 is reached
    • Days 1-10
    • Days 11-20
    • [] Days 21-30
    • [] Days 31-40
    • [] Days 41-50
    • [] Days 51-60
    • [] Days 61-70
    • [] Days 71-80
    • [] Days 81-90
    • [] Days 91-100
  • [] Continue to refactor the code as patterns emerge
  • [] Re-design the previous/next buttons
  • [] Once Day 100 is completed, deploy to the Android store
  • Deploy demo site to the web

Hierarchy / Layout

.

├── Main Camera
├── EventSystem
├── Canvas
	├── DailyUIManager  		Controller for scrolling through the DailyUI's
	│	├── Envelope  				Main Container for the DailyUI's
	│		├── DailyUI001			"Sign-up"
	│		├── DailyUI002			"Checkout"
	│		├── DailyUI003			"Landing Page"
	│		├── DailyUI004			"Calculator"
	│		├── DailyUI005			"App Icon"
	│		├── DailyUI006			"User Profile"
	│		├── DailyUI007			"Settings"
	│		├── DailyUI008			"404 page"
	│		├── DailyUI009			"Music Player"
	│		├── DailyUI010			"Social Share"
	│		├── DailyUI011			"Flash Error-Success"
	│		├── DailyUI012			"Shopping"
	│		├── DailyUI013			"Direct Messaging"
	│		├── DailyUI014			"Countdown Timer"
	│		├── DailyUI015			"On/Off Switch"
	│		├── DailyUI016			"Pop-up"
	│		├── DailyUI017			"Email-Receipt"
	│		├── DailyUI018			"Analytics"
	│		├── DailyUI019			"Leaderboard"
	│		├── DailyUI020			"Location Tracker"
	│		├── DailyUI021			"Home Monitor"....etc...
	│	|── GameObject      

Thanks for reading!

~ Emily

P.S. Feel free to also checkout my DailyUI project built with ReactJS: