Timer UI

[Hansanghyeon]

No description provided.

[Hansanghyeon]

사용할 만한 timer ui는

rc-slider

https://github.com/react-component/slider
많은 사용자, slider, range와 같은 기능이 풍부함

원하는 ui를 꾸밀 수 있는 방법이 조금 부족하다고 생각함

react-nouislider

https://github.com/mmarkelov/react-nouislider

참고 codepen

• https://codepen.io/elisehanson/pen/bRzZOd?editors=1010

해당 ui가 nouislider를 이용해서 사용하는 코드를 보고서 해당 ui처럼 구성하면 어떨까?

---

use 3D

Three.js

Three.js Orthographic Camera 사용해서 소실점이 없는 뷰를 만들어서 isometric을 구현할 수 있다.

use Range ui

Range input Docs

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range

UI code case

• https://codepen.io/davidkpiano/pen/xLKBpM?editors=1010 best 👏

[youngroklee323]

Timer UI
prototyping

• time block
• time indicator
• AI -> Figma
• time block animation