이전 포스트 참고 :
2019/10/25 - [프로젝트 일지/티스토리 스킨] - [Tistory] 프로필 사진의 앞, 뒷면을 만들어보자
원래는 '돌려돌려 돌림판 v2.0 - 사기 룰렛' 을 기획하려고 했다.
KonvaJS 를 설치하고 진행하려고 했는데, 이 방대한 소스를 이해 안하고 그대로 가져다 쓰기가 좀.. 그렇다. ( 내 양심이 )
그래서 KonvaJS 를 우선 서서히 습득하고, 학습 도중이지만 KonvaJS로 완성도 있는 페이지를 만들고 싶은 욕심이 생겼다.
그리고나서 '도신의 주사위'를 기획하려고 했으나, 주사위를 굴리는 모션이 생각보다 내맘대로 안돌아간다.
(트랜지션 말고 애니메이션을 걸어줘야되나..)
좀 더 생각해봐야겠다.
이런식으로 굴리면 되려나..
이후 애니메이션을 적용하고 아래와 같이 만들었다.
주사위 모양 특수문자가 있어서 넣어봤더니 생각보다 이쁘진 않았다.
(⚀ ⚁ ⚂ ⚃ ⚄ ⚅ , ⠂⠌⠸⠭⁙⠿ 등)
약간 부자연스럽지만 이정도면 다음 vuejs 토이 플젝으로 가능할 듯.
'스터디 일지 > 기획과 시행착오' 카테고리의 다른 글
[Javascript, css] 랜덤 주사위 굴리기 (0) | 2019.11.22 |
---|---|
돌려돌려 돌림판 (beta) (0) | 2019.10.14 |
[VueJS] 다시 시작. (0) | 2019.10.03 |
[VueJS] 메뉴 버튼 만들고 임시중단? 할 뻔 했으나.. (0) | 2019.09.27 |
[VueJS] 룰렛을 만들어보자 - 자료조사 (0) | 2019.06.06 |
실시간 알림에 대한 방법을 구색 (0) | 2015.08.08 |
댓글 0개