HTML과 JS로 만든 룰렛

2048을 만들고 뭘 만들어 볼까 하다가 룰렛을 만들어 봤습니다. 룰렛도 게일이라고 할 수 있을지는 모르겠네요.

canvas로 만드면 더 이쁘고 자연스러운 룰렛을 만들었겠지만... canvas 없이 만들기가 목적이였으니 아직 부족한 부분도 있지만 어찌어찌 룰렛의 모양은 만드는 데 성공했네요.

옆에 테이블의 수정 버튼과 add 버튼을 통해 룰렛의 내용이나 패널을 추가 할수 있게 하였습니다.

만들고 보니 삭제를 빼먹었네요. 나중에 또 시간나면 추가해야겠습니다.

수정 및 추가 시 이미지처럼 팔레트를 만들어 배경 색, 글자 색, 텍스트를 지정하게 하였습니다.

2048 때와 마찬가지로 하단에 직접 플레이할 수 있게 등록하였습니다.

전체 코드는 github 저장소에 있습니다.

룰렛은 2048 게임 때보다 더 코드보다 css가 복잡했던 것 같습니다. div를 강제로 룰렛 모양으로 돌리다 보니 소스도 더러워진 것 같네요. 다음엔 좀 더 깔끔하게 통일성 있게 짜 봐야겠습니다.

---

https://kangjung.github.io/game/roulette/roulette.html

HTML Roulette

https://github.com/kangjung/HtmlGame/blob/main/roulette/roulette.html

GitHub - kangjung/HtmlGame