ScreenWisp 사용 가이드

1. 테마 먼저 둘러보기

• 메인 갤러리에서 이름·색상·분위기로 테마를 검색합니다.
• 집중, 시계, 앰비언트 카테고리로 결과를 좁힙니다.
• 테마 카드를 열어 실제 시계와 움직임을 확인합니다.
• 전체화면 실행을 눌러 프로젝트를 만들지 않고 바로 사용합니다.

2. 내 화면 만들기

• “나만의 화면 만들기” 또는 “이 테마로 제작 시작”을 눌러 Studio를 엽니다.
• 이미지·GIF·동영상·텍스트·시계와 필요하면 로컬 오디오를 추가합니다.
• 일반 이미지는 별도 10개 제한 없이 텍스트·시계·미디어를 포함한 전체 요소 20개 범위에서 사용할 수 있습니다.
• 이미지·GIF·동영상은 선택 테두리의 모서리와 가장자리를 끌어 가로·세로 크기를 자유롭게 조절할 수 있으며, 클릭한 지점과 객체 중심의 간격을 유지한 채 이동합니다.
• GIF·동영상은 “배경으로 사용”을 누르면 화면을 채우고 맨 뒤로 이동한 뒤 잠깁니다. 레이어에서 잠금을 풀면 다시 조절할 수 있습니다.
• 동영상과 오디오의 볼륨·반복 구간을 조절하고 미리보기로 확인합니다.

3. 배경과 화면비 선택

• 단색 팔레트 또는 직접 선택한 색상으로 배경을 채울 수 있습니다.
• 2색 그라데이션의 색상과 방향을 설정할 수 있습니다.
• 배경 이미지는 화면 채우기(cover), 전체 보기와 흐린 배경 채우기(contain), 원본 크기 중에서 선택합니다.
• 이미지 테마는 실제 화면비를 감지해 16:10의 크롭과 요소 위치를 보정합니다. 21:9·4:3 전용 원본이 있으면 자동 선택하고, 없으면 원본 전체와 흐린 배경 채우기를 조합합니다.
• 16:9, 16:10, 21:9, 4:3 프리셋 또는 현재 화면 크기를 사용할 수 있습니다.

4. 전체화면과 화면 유지

전체화면은 브라우저의 Fullscreen API를 사용하므로 사용자 클릭으로 시작해야 합니다. 전체화면 중에는 Screen Wake Lock을 요청해 화면이 자동으로 꺼지는 것을 줄입니다.

Wake Lock을 지원하지 않거나 운영체제 절전 정책이 우선하면 화면이 꺼질 수 있습니다. 장시간 사용할 때는 밝기와 전력 사용량을 확인하고, OLED 화면에서는 고정된 밝은 요소를 피하는 테마를 권장합니다.

5. 저장과 백업

• 기본 상태에서는 변경 사항이 현재 브라우저의 로컬 프로젝트에 자동 저장됩니다.
• 지원되는 Edge·Chrome에서는 내 화면보호기의 “폴더 저장 사용”을 눌러 사용자가 허용한 기기 폴더로 전환할 수 있습니다. 처음 연결하면 기존 브라우저 프로젝트가 폴더로 복사됩니다.
• 프로젝트 폴더는 화면 이름으로 만들어지며 같은 이름이 있으면 (2), (3)을 붙여 구분합니다. 안정적인 프로젝트 ID는 폴더 안의 manifest.json과 project.json에 보관되며 preview.webp와 assets가 함께 저장됩니다. 기존 ID 이름 폴더는 새로고침하면 자동으로 이름 기반 구조로 안전하게 이전됩니다.
• 다른 곳에서 복사한 프로젝트 폴더는 페이지로 돌아온 뒤 폴더 새로고침을 누르면 목록에 반영됩니다.
• 폴더 저장에서 대용량 미디어는 브라우저 사이트 할당량 대신 기기의 남은 디스크 공간을 사용하지만, 실제 재생 가능 크기와 형식은 브라우저·운영체제·메모리의 영향을 받습니다. GIF 추가 제한은 계속 적용됩니다.
• 중요한 프로젝트는 .ambientpack 파일로 내보내 별도 위치에 보관합니다. 대용량 동영상은 브라우저 메모리 보호를 위한 별도 백업 안전 한도의 영향을 받을 수 있습니다.
• Firefox 등 폴더 저장을 지원하지 않는 브라우저는 기존 브라우저 저장과 .ambientpack 이동 방식을 계속 사용합니다.

6. 미디어와 개인정보

추가한 이미지·GIF·동영상·오디오는 서버에 업로드하지 않고 브라우저 또는 사용자가 직접 허용한 폴더 안에서 처리합니다. ScreenWisp는 선택 폴더의 다른 위치를 임의로 읽지 않습니다. 지원 문의를 보낼 때도 개인 미디어나 프로젝트 백업을 첨부하지 마세요.

브라우저 사이트 데이터를 삭제하면 브라우저 프로젝트와 기억된 폴더 연결이 사라질 수 있지만, 선택 폴더의 파일은 자동 삭제되지 않습니다. 공용 PC에서는 폴더 연결을 해제하고 백업 여부를 확인하세요.

7. 문제가 생겼을 때

• 페이지를 새로고침하기 전에 프로젝트가 저장됨 상태인지 확인합니다.
• 브라우저 저장은 같은 Origin과 브라우저 프로필을 사용 중인지 확인합니다.
• 폴더 저장은 같은 폴더를 다시 연결한 뒤 폴더 새로고침을 누릅니다.
• 브라우저의 사이트 저장공간·폴더 읽기/쓰기·전체화면·화면 유지 권한을 확인합니다.
• 움직임이 부담스럽다면 운영체제의 움직임 줄이기 설정 또는 Studio의 절전 품질 모드를 사용합니다.
• 해결되지 않으면 개인정보를 제거한 재현 순서와 브라우저 정보를 문의 페이지로 보냅니다.