GoT

KO | EN

gitlite — search

#agent #openai #ai-agent #cpp #privacy #git #mysql #java #machine-learning #docker

(★ 9)

No description available.

파일 탐색기

ZIP 다운로드

- launch.json
- - manifest.json
- - README.md
- - dany.mov
  - README.md
- - ending.mov
  - README.md
- - epilogue.mov
  - README.md
- - README.md
- - intro.mov
  - README.md
- - jon.mov
  - README.md
- - README.md
- - README.md
- - README.md
  - world.mov
- favicon.svg
- prepare-assets.mjs
- - timeline.js
- - site.config.js
- - assets.js
  - pacing.js
  - quality.js
  - scroll.js
- - dany.js
- - ending.js
- - epilogue.js
- - atmosphere.js
  - dragon.js
  - fire.js
  - snow.js
  - sprites.js
  - state.js
- - hero.js
- - jon.js
- - portal.js
- - scrubber.js
- - base.css
  - dany.css
  - ending.css
  - epilogue.css
  - hero.css
  - jon.css
  - nav.css
  - portal.css
  - stage.css
  - tokens.css
  - world.css
- - world.js
- main.js
.gitattributes
.gitignore
index.html
package-lock.json
package.json
README.md
vite.config.js

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

A premium, scroll-driven cinematic website. **Phase 1**: the opening prologue
(darkness → suspense → fire & shadow → scroll-scrubbed title reveal) flowing
seamlessly into a living hero section.

## Run it

```bash
npm install
npm run dev      # optimizes assets, then starts the dev server
npm run build    # production build into dist/
```

Requires [Node 18+](https://nodejs.org). [ffmpeg](https://ffmpeg.org) is
strongly recommended (`winget install Gyan.FFmpeg`) — it powers the automatic
asset optimization.

## Replacing assets — no code changes, ever

Drop files into these folders and reload (the dev server re-optimizes and
reloads automatically):

| Folder | What it drives | Notes |
| --- | --- | --- |
| `assets/intro/` | The scroll-scrubbed title reveal video | Any format — `.mov`, ProRes, HEVC, `.mp4`… it is transcoded to a web-safe, scrub-friendly MP4 automatically |
| `assets/world/` | The scroll-scrubbed World Introduction video | Same treatment as the intro; the chapter runs as pure atmosphere until a video arrives |
| `assets/jon/` | The Jon Snow chapter video | Scroll-scrubbed with story moments, storm effects and the memorial finale |
| `assets/dany/` | The Daenerys chapter video | Fire-themed twin of the Jon chapter; letterbox bars in uploads are trimmed automatically |
| `assets/ending/` | The finale backdrop, plus optional `dragon.*` video and roar audio | A timed movie ending: title from the mist → black → roar → fire → black |
| `assets/epilogue/` | The cinematic footer's ambient film | Muted loop beneath the farewell title and the quiet footer bar |
| `assets/logo/` | Nav logo | `.svg` preferred; falls back to an elegant text wordmark when empty |
| `assets/hero/` | Hero background layers | Multiple images become parallax planes (alphabetical order, first = deepest) |
| `assets/ui/` | Named UI artwork | e.g. `dragon.png`/`dragon.svg` replaces the built-in dragon silhouette |
| `assets/audio/` | Ambient loop | Presence of a file enables the sound toggle in the nav |

Files prefixed with `_` are treated as samples and lose to any other file in
the same folder. `assets/.web/` is generated output — never edit it.

## Where things live

```
assets/                 your media (see table above)
assets/.web/            auto-generated optimized derivatives + manifest
scripts/prepare-assets.mjs   the optimization pipeline (ffmpeg)
src/
  config/site.config.js      all copy, nav items, pacing — edit freely
  core/                      asset discovery · device tiers · smooth scroll
  fx/                        atmosphere: state, particles, fog, dragon
  scrub/                     the scroll-scrubbed video engine
  cinematic/timeline.js      the master scene choreography
  hero/                      hero section + navigation
  styles/                    design tokens + component styles
```

## Design notes

- **Choreography** lives in `src/cinematic/timeline.js` — it only writes
  values (to the shared `atmo` state, CSS variables, and the scrub target).
  Rendering happens in `src/fx/atmosphere.js` and `src/scrub/scrubber.js`.
  Scene timings are fractions of the prologue scroll, configurable in
  `site.config.js`.
- **Performance**: one shared rAF (GSAP ticker), pre-baked particle sprites,
  DPR caps and density tiers per device (`src/core/quality.js`), GPU-only
  CSS animation (transform/opacity), frame-blob LRU so video scrubbing uses
  flat memory. `prefers-reduced-motion` gets a calm, static-friendly cut.
- **Scrubbing**: the video is converted to frames at runtime
  (coarse-to-fine, so it is scrubbable within seconds) and drawn to canvas —
  frame-perfect forward *and* backward, no flicker, no black flashes.

GoT

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

GoT

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

Download README