WallpaperStore

작은 세계를 바탕화면으로.

HTML · CSS · JavaScript로 만든 11가지 움직이는 배경화면.
오프라인 실행 · 개별 ZIP 다운로드 · 제작자 aidevksh

⭐배경화면 다운로드⭐ · ⭐WallpaperJS 앱 릴리즈⭐ · Apache 2.0

시작하기

  1. WallpaperJS 릴리즈에서 앱을 확인하세요. 2026-09-30 기준 공개 앱 릴리즈는 아직 없습니다. 그동안은 원본 프로젝트의 개발 실행 안내를 따르거나 배경화면의 index.html을 브라우저에서 열어볼 수 있습니다.
  2. 아래에서 원하는 배경화면의 ZIP 다운로드를 누르세요.
  3. WallpaperJS에서 ZIP 또는 압축을 푼 폴더를 가져온 뒤 디스플레이에 적용하세요. 전체 저장소 ZIP을 가져오는 대신, 개별 배경화면 ZIP이나 폴더를 선택하세요.

별도의 빌드·CDN·API 키·외부 이미지·폰트가 필요하지 않으며, 소리를 재생하거나 마이크를 사용하지 않습니다. 브라우저로 여는 것은 미리보기이며 바탕화면 적용에는 WallpaperJS가 필요합니다.

모든 테마는 HTML/CSS/JavaScript 실시간 애니메이션으로 제작합니다. WebM 등 동영상 파일을 사용하거나 배포하지 않습니다. preview.png는 목록에서 보여주는 정지 미리보기입니다.

파일 구성

각 배경화면은 아래 구조를 따릅니다. 폴더 하나만 복사해도 실행됩니다.

theme/
├── index.html        # 시작 페이지
├── style.css         # 전체 화면 스타일
├── main.js           # 장면 및 애니메이션
├── background.png    # Pixel Voyage의 석양 바다 원화
├── ship.png          # Pixel Voyage의 투명 범선 레이어
├── wallpaper.json    # WallpaperJS 메타데이터
├── preview.png       # 실제 렌더링 미리보기
├── README.md         # 설명, 다운로드, 제작자
├── LICENSE           # Apache 2.0 전문
└── NOTICE            # 저작권 및 출처 고지

Galaxy는 원본 ASTRA 예제를 옮겨 이름과 배포 메타데이터를 변경했습니다. 원본 고지는 galaxy/UPSTREAM-NOTICE에 보존했습니다. galaxy/lockscreen-2560x1440.png는 Windows 잠금화면에 사용할 정지 이미지입니다.

실행 및 성능

  • Galaxy는 WebGL을, 나머지 10개는 Canvas 2D를 사용합니다. Pixel Voyage는 960×540 도트 장면을 보간 없이 확대하고, 바다와 투명 범선을 별도로 움직입니다.
  • Pixel Voyage는 함께 포함된 로컬 정지 원화와 HTML/CSS/JavaScript 실시간 효과로 구성됩니다. 파도·선체·포말이 코드로 움직이며 정지 원화는 ImageGen으로 생성했습니다. 생성 프롬프트는 pixel-voyage/ARTWORK.md에 기록했습니다.
  • 추가 배경화면은 기본 30fps, 최대 DPR 1.5로 렌더링하며 WallpaperJS의 30/60fps·일시정지 이벤트를 지원합니다. 숨겨진 페이지에서는 애니메이션을 멈추고, 운영체제의 동작 줄이기 설정에서는 정지 화면을 표시합니다.
  • 16:9 화면에 맞춰 디자인했으며 창 크기에 맞게 채웁니다. Pixel Voyage는 비율을 유지하며 가장자리를 잘라 채웁니다. 기존 테마는 다른 비율에서 일부 도형이 늘어나 보일 수 있습니다.
  • 미리보기와 자동 실행 검증은 Chromium에서 수행했습니다. Windows/macOS 실제 바탕화면 배치와 장시간 GPU 사용량은 환경별 확인이 필요합니다.

개발 및 검증

배경화면 사용에는 Node.js가 필요하지 않습니다. 아래 명령은 기여자용입니다. Node.js 22 이상과 Python 3를 사용하세요.

npm ci
npx playwright install chromium
npm run preview     # 브라우저 검증 및 11개 PNG 재생성
node scripts/preview.mjs --check-only  # PNG를 바꾸지 않고 전체 동작 검증
node scripts/preview.mjs --only=pixel-voyage
npm run check       # 매니페스트, 필수 파일, JS 구문 검증
npm run package     # dist/에 개별 ZIP 11개 생성
node scripts/check-import.mjs /path/to/WallpaperJS  # 원본 앱의 폴더/ZIP 가져오기 검증

설치된 Chrome을 사용하려면 CHROME_PATH 환경변수에 실행 파일 경로를 지정하세요. preview는 애니메이션 변화, 일시정지/재개, 화면 크기 변경, 외부 요청 부재, 신규 배경화면의 동작 줄이기를 검증합니다.

제작자 및 라이선스

aidevksh · Copyright 2026 aidevksh.

이 저장소의 코드, 문서, 생성된 미리보기는 Apache License 2.0으로 배포합니다. 각 배경화면 폴더와 개별 ZIP에도 LICENSE와 NOTICE를 포함하므로 단독 배포 시에도 제작자와 라이선스가 함께 전달됩니다. 재배포 시 해당 파일과 기존 저작권 고지를 보존하세요. Galaxy 원본의 WallpaperJS contributors 고지도 함께 보존합니다.