로딩 메이커

CHARACTER캐릭터 ⌄

애니메이션 또는 여러 장의 이미지 APNG · WebP · GIF · PNG/JPG 시퀀스

기본 캐릭터 사용 중 선택한 기본 벡터 캐릭터가 표시됩니다.

기본 캐릭터

X 위치 Y 위치 크기 회전

불투명도

캐릭터가 로딩 바의 채워진 끝을 따라가기

바를 기준으로 한 위치

바와 간격 앞·뒤 보정

위·아래 보정 칸·하트·방울 바에서는 칸 단위로 따라가기 진행 시작·끝에서 캐릭터가 캔버스 밖으로 잘리지 않게 하기 진행할 때 캐릭터 좌우 반전

‘진행 로딩 바’에서 선형·이징·계단식·불규칙 진행률을 그대로 공유합니다. 미리보기에서 드래그하면 앞뒤/위아래 보정값이 바뀝니다.

보조 움직임

움직임 크기 움직임 속도

애니메이션 파일의 원본 프레임 간격 사용

재생 속도 시퀀스 FPS

캐릭터 그림자

색 번짐 Y

미리보기에서 캐릭터를 직접 드래그해 위치를 바꿀 수 있습니다.

CANVAS캔버스 ⌄

빠른 크기

너비 높이

투명 배경으로 출력 배경색

드래그 스냅

캔버스 기준 다른 요소 기준

캐릭터·로더·문구·진행률 숫자를 드래그할 수 있습니다. 스냅은 각 요소의 가장자리와 중앙을 맞춥니다.

투명 배경은 APNG/WebP에 가장 자연스럽습니다. GIF는 반투명을 1비트 투명도로 단순화합니다.

0.00 / 4.35초

편집기를 준비하는 중입니다.

LOADER로딩 연출 ⌄

종류

X Y

바 모양

진행 방식

시작 % 종료 %

증가 구간 시간표 4개 지점

예: 1초에 30%, 2초에 70%. 첫 지점은 0초·0%, 마지막 지점은 100%로 고정되고 각 구간의 이징을 따로 선택할 수 있습니다.

너비 높이

채움 색상 단색 또는 최대 7색 그라데이션

채움 방식

채움색

색상 3/7

각도 색 번짐

그라데이션 색상이 흐르도록 움직이기

이동 속도 이동 방향

색 번짐은 단색 발광과 별개로, 실제 그라데이션 색을 그대로 퍼뜨립니다.

빈 바 테두리 테두리

빈 바의 흰색 이동광 칸 수

불규칙·연출 시드

진행률 숫자 표시

숫자 X 보정 숫자 Y 보정

시작 페이드인 전체 장면이 나타난 뒤 로딩 진행을 시작합니다.

시작할 때 페이드인 사용

페이드인 시간(초)

100% 완료 후 대기한 뒤 전체 장면을 종료 연출로 사라지게 합니다.

100% 유지·지연(초) 완료 모션

모션 시간(초) 연출 강도

변환 전 기본 상태

변환 전 이미지 묶음 기본 도형 대신 처음 보일 이미지를 여러 장 등록합니다.

PNG · JPG · WebP · AVIF 이미지 파일명 자연 정렬 · 새 선택은 현재 묶음을 대체

등록된 변환 전 이미지 없음 이미지가 없으면 위치별 기본 도형을 사용합니다.

변환 전 이미지 배치 변환 전 이미지 맞춤

변환 후 이미지 묶음 기본 상태에서 차례로 바뀔 정적 이미지를 등록합니다.

PNG · JPG · WebP · AVIF 이미지 파일명 자연 정렬 · 새 선택은 현재 묶음을 대체

등록된 변환 후 이미지 없음 이미지가 없으면 강조색 도형으로 변환 순서를 미리 봅니다.

재생 유형 홀수·짝수 시작 상태

홀짝 교대를 선택하면 1·3·5번째와 2·4·6번째가 서로 반대 상태로 시작해 차례로 맞바뀝니다. 루프형은 처음의 홀짝 배열로 돌아옵니다.

칸 수 줄 전체 길이 도형·이미지 크기 변환 후 이미지 맞춤

칸이 겹치지 않도록 필요한 경우 크기가 자동으로 줄어듭니다. 줄 전체를 미리보기에서 드래그해 옮길 수 있습니다.

변화 순서 변환 후 이미지 배치

랜덤 패턴 반복 횟수

랜덤 시드

변화 순서는 라운드마다 칸을 중복 없이 섞고, 이미지 배치는 파일 수를 넘으면 새 순서로 다시 섞어 반복합니다. 진행형은 마지막 전환 상태에서 끝나고, 루프형은 매번 선택한 시작 배열로 돌아옵니다.

기본 도형·대체색 변환 후 이미지 대체색 테두리

테두리 굵기

위치별 기본 도형 8개 위치 · 이미지가 없거나 꽉 채울 때 사용

진행형을 한 번만 재생하고 끝내려면 출력 설정의 반복 횟수를 유한값으로 지정하세요.

구성 도형

요소 수 반지름 도형 크기 회전 속도

회전 방향

잔상 농도 크기 맥동

현재 길이에서 완성된 마지막 회전 지점으로 맞춥니다. 로더 회전만 보장하므로 캐릭터 애니메이션의 루프 지점은 별도로 맞춰 주세요.

기본색 강조색

발광 효과

발광색 번짐

TEXT문구와 폰트 ⌄

시스템 폰트 또는 업로드 폰트를 사용할 수 있습니다.

위 문구 폰트 이름/CSS 폰트열

X Y 크기 굵기 자간 회전

글자색 외곽색 외곽

아래 문구 폰트 이름/CSS 폰트열

X Y 크기 굵기 자간 회전

글자색 외곽색 외곽

EXPORT애니메이션 출력 ⌄

100% 도달 시간(초) 미리보기 속도

형식 FPS

WebP 품질 GIF 투명 판정

반복 횟수 파일 이름

반복 횟수 0은 무한 반복입니다. APNG는 파일 확장자가 PNG로 저장됩니다.

프로젝트 JSON에 캐릭터·변환 전/후 로더 이미지·폰트 포함