https://github.com/dl0312/escape_room_toolkit

UI toolkits for making your own escape room site
https://github.com/dl0312/escape_room_toolkit

Last synced: 15 days ago
JSON representation

UI toolkits for making your own escape room site

• Host: GitHub
• URL: https://github.com/dl0312/escape_room_toolkit
• Owner: dl0312
• Created: 2019-10-21T05:54:31.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-10-21T06:18:17.000Z (over 5 years ago)
• Last Synced: 2024-10-11T21:04:52.518Z (4 months ago)
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Escape Room Toolkit(방탈출 툴킷)

유저가 쉽게 만들 수 있는 방탈출 게임의 UI 툴킷 라이브러리

## 방탈출 게임에 필요한 UI

* 자물쇠(순서 O)

    * 제작자 입력

        * 순서를 가지는 4자리 숫자(예: 1205)

        * 자물쇠 디자인

    * UI

        * 돌리는 자물쇠와 같은 형태

        * 자물쇠 숫자가 돌아가는 듯한 애니메이션

        * 양옆에 인접한 숫자의 표현(사이클 형식)

    * 출력

        * 순서를 가지는 4자리 숫자

* 자물쇠(순서 X)

    * 제작자 입력

        * 순서가 필요 없는 4자리 숫자(예: {1, 2, 3, 4} == {4, 2, 1, 3})

        * 자물쇠 디자인

    * UI 

        * 누르는 자물쇠와 같은 형태

        * 눌려지는 애니메이션

        * 눌리기 전상태(inactive)와 눌린 상태(active)의 정확한 구분

    * 출력

        * 순서가 필요 없는 4자리 숫자

    * 구현 방법

        * Set 자료형을 이용하여 구현

* 특정 문양 커맨드 입력

    * 제작자 입력

        * 문양 사진 업로드(주로 .png)

        * 문양 사진의 순서를 이용한 커맨드(예: [0, 3, 1, 2])

    * UI

        * 문양 커맨드가 왼쪽 위에 나옴

    * 출력

        * 커맨드에 맞는 숫자 배열

    * 유의사항

        * 커맨드가 10개를 넘지 않게 하기 (UX를 헤침)

# 유의할 점

* 모바일에서의 경험을 중요하게 생각해서 제작하기

* 캔버스 이용하기

* 다양한 애니메이션 라이브러리 사용하기

## 참고

* https://playthe.world - 이 라이브러리는 해당 사이트를 보고 영감을 받아 제작했습니다.