GifyPet은 웹사이트에 넣을 작은 가상 반려동물을 만드는 도구다. 이름, 동물의 그림, 지도와 배경을 고르면 웹 페이지에 삽입할 코드를 제공한다.

- [공식 웹사이트](https://gify.pet/)

## 작은 그림이 머무는 자리

- 준비된 그림 외에 자신의 이미지 주소를 사용할 수 있다. 동물과 지도를 각각 고르므로 같은 동물도 서로 다른 장소에 놓을 수 있다. ([제작 화면](https://gify.pet/))
- 생성한 코드는 iframe으로 반려동물 화면을 불러온다. 자신의 웹 페이지가 iframe 삽입을 허용해야 하며, 외부 서비스에서 그림과 동작을 제공하는 구조다.
- 소개에는 배고픔과 기분, 슬롯 미니게임, 돌봄을 잊었을 때 먹이를 주는 기능이 적혀 있다. [[웹 페이지의 반려동물]]은 글을 읽거나 정보를 찾는 일 옆에서 별도의 작은 상태를 유지한다.
- [[멜론킹]]의 내비게이션에서도 이 도구로 이어진다. [[웹 네코]]가 마우스를 따라 움직이는 방식이라면, GifyPet은 따로 마련한 화면 안에 동물을 둔다.

## 기타 등등

- 사용자 그림은 동물의 경우 80×100픽셀 이하, 지도는 200×200픽셀을 권장한다. [출처](https://gify.pet/)
- 이름 입력칸의 기본 예시는 Molly다. 성별 선택에는 Male과 Female 외에 Both와 None도 있다. [출처](https://gify.pet/)

#웹사이트 #도구 #HTML #웹문화