오랜 시간 지극정성으로 수돗물을 먹여 염소를 싫어하는 테이블 야자의 생명을 앗아가는 중이며, 바질은 물을 너무 많이 줘서 생명을 앗아갔다.
MORE
운동 부족 전문
운동 부족으로 인해 온몸에 힘이 빠져 나가고 있다. 집에 있는 요가 매트는 장식이다.
MORE
최근에 읽은 책
공정하다는 착각, 사랑할까 먹을까, 도넛 경제학 아직 쓴 독후감은 없지만 언젠간 써서 오거서 장학금을 타고 싶다.
MORE
FUTURE SERVICES
Frontend Developer를 꿈꾸며 처음 코딩 공부를 시작한 비전공자 왕초보입니다.
이런 멋진 디자인을 구현하는 Frontend Developer가 되고 싶어요
김종민(Google 시니어 UX 엔지니어)의 Chamoy 프로젝트
해당 작품은 다음과 같은 순서로 구현했다고 합니다.
1. HTML5 캔버스 그래픽으로 무작위로 물방울이 떨어지는 모습 구현. 끈적거림을 표현하기 위해 SVG 필터 사용.
2. 더 많은 디바이스에서 정상적으로 구현하기 위해 WebGL과 PIXI.js로 끈적이는 물방울이 떨어지는 모습 구현.
3. 물방울이 일정 길이로 길어지면 밑에 부분은 떨어지고 윗부분은 다시 올라가게 해 끈적거리는 느낌을 표현.
4. 아이스크림의 윗부분을 지정하여 해당 부분이 끈적이는 잼과 닿을 경우 닿은 시간과 위치에 따라 잼이 따라오는 것처럼 보이도록 구현.
5. 아이스크림이 물방울에 닿을 경우 아이스크림의 움직임에 따라 물방울이 따라가도록 구현.