웹사이트용 투명 애니메이션
웹사이트에 투명 캐릭터 애니메이션을 추가하는 방법
HTML에 투명 WebM 캐릭터 애니메이션을 삽입하고 실제 페이지 배경 위에 배치하며, PNG 대체 이미지와 접근성 있는 재생 컨트롤을 추가합니다.
가이드 읽기ANIMGEN 제작 노트
정지 이미지에서 게임에 쓸 수 있는 움직임으로.
투명 애니메이션, 프레임 편집, 게임에 가져올 에셋을 실제 작업으로 배우는 가이드입니다.
AI 검 공격 애니메이션
4초 AI 검 공격을 짧고 빠른 게임 공격으로 편집하기
4초 AI 검 공격에서 대기와 유지 프레임을 줄여 24FPS·28프레임·약 1.17초 공격으로 편집하고 클릭 공격 데모로 타이밍을 확인하세요.
가이드 읽기
AI 걷기 사이클
AI 걷기 애니메이션을 워크 사이클로 다듬는 방법
4초 수채화 캐릭터 미리보기에서 32프레임 걷기 루프를 골라 연결부와 타이밍을 확인하고 장면 이동과 발동작을 비교합니다.
가이드 읽기
캔버스 확장
캔버스 확장으로 달리기·점프·공격 동작이 잘리지 않게 만들기
생성 전 AnimGen 캔버스 확장으로 움직일 공간을 확보하세요. 실제 컨트롤, 여백 비교, 24FPS 예제로 달리기·점프·공격의 구도를 살펴봅니다.
가이드 읽기
투명 애니메이션 초록색 테두리 수정
투명 AI 애니메이션의 초록색 테두리를 수정하는 방법
같은 프레임을 사용한 통제된 비교로 알파 임계값, 가장자리 수축, 페더링, 색 번짐 제거가 실제 AI 생성 애니메이션에 미치는 영향을 살펴봅니다.
가이드 읽기
MCP 애니메이션 생성
사용자 이미지부터 다운로드까지: MCP로 투명 캐릭터 애니메이션 생성하기
AnimGen MCP로 모델을 조회하고 PNG를 업로드한 뒤 견적을 승인하여 투명 애니메이션을 생성하고 스프라이트 시트와 JSON을 다운로드하는 실제 사례입니다.
가이드 읽기
Godot 4 애니메이션 가져오기
투명 캐릭터 애니메이션을 Godot 4로 가져오는 방법
AnimGen Godot 팩을 가져오고 SpriteFrames 경로와 피벗을 유지한 뒤 실제 Godot 4 장면에서 투명 애니메이션을 검증합니다.
가이드 읽기
AI 영상 하나에 여러 동작
4초 AI 영상 하나로 게임 애니메이션 두 개 만들기
4초 AI 영상에서 펀치와 앞차기를 따로 추출합니다. 480p 비용 예시, 실제 프롬프트, 24 FPS 구간 선택과 투명 스프라이트 팩을 확인하세요.
가이드 읽기
스프라이트 시트와 PNG 시퀀스
2D 게임용 스프라이트 시트와 PNG 시퀀스: 무엇으로 내보낼까요?
동일한 투명 프레임 96개로 스프라이트 시트+JSON과 PNG 시퀀스의 실제 파일 크기, 디코딩 메모리 기준값, 텍스처 크기 제한을 비교합니다.
가이드 읽기
투명 PNG 애니메이션
PNG를 투명 달리기·점프 애니메이션으로 만드는 방법
투명 캐릭터 PNG로 동작을 생성하고 달리기·점프 프레임을 선택해 공중 자세 유지 시간을 조정한 뒤 게임 에셋으로 내보내세요. 프롬프트와 실제 예제를 제공합니다.
가이드 읽기
WebM Alpha와 ProRes 4444 비교
WebM Alpha, ProRes 4444, PNG 시퀀스: 무엇으로 내보낼까요?
같은 96프레임 투명 애니메이션으로 WebM Alpha, ProRes 4444, PNG 시퀀스의 실제 크기와 디코딩 알파를 비교하고 테스트 파일을 제공합니다.
가이드 읽기