반응형
대화식 Jiggliffuff로 최신 CodePen 출시
https://codepen.io/nicofonseca/full/YzQZaxj
SVG로 제작되고 GreenSock 으로 애니메이션 제작
제 목표는 쌍방향 지글리퍼프를 만들어서 옷을 입히고 가지고 놀 수 있게 하는 거였어요.
디자인, 일러스트, 애니메이션을 만들어 귀엽게 만들면서 정말 재미있었어요.
코드와 관련하여 저는 SVG만 사용하는 것이 목표였기 때문에 요소와 애니메이션을 동시에 가지고 있어 성능이 문제였지만, GSAP는 이를 가능하게 했습니다.
여러분이 지글리퍼프와 즐겁게 놀기를 바랍니다!
'css' 카테고리의 다른 글
| 종횡비를 유지하고 화면에 맞는 유체 블록 CSS (0) | 2022.02.23 |
|---|---|
| CSS의 형제 조합자 (0) | 2022.02.23 |
| 보아스 프라티카스 엠 클래스네임 no CSS (0) | 2022.02.22 |
| 퀘 나시오 에스토? (0) | 2022.02.22 |
| CSS에서 절대 위치 대 상대 위치 (0) | 2022.02.22 |
댓글