scroll-world-3d-landing
Scroll-scrubbed 3D fly-through landing pages — skill de agente que genera mundos inmersivos con scroll continuo, AI art y video generation.
소스 정보
- 저장소
- Ntizar/NtizarBrainMasterMind
- 최근 소스 활동
- 2026년 7월 16일 08:02
- 감지된 SKILL.md 언어
- 스페인어
- 스타
- 2
- 포크
- 0
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- scroll-world-3d-landing
- description
- Scroll-scrubbed 3D fly-through landing pages — skill de agente que genera mundos inmersivos con scroll continuo, AI art y video generation.
- category
- creative
# Scroll World — Landing Pages 3D con Scroll-Scrubbing
## Qué es
**scroll-world** (oso95/scroll-world, 483⭐) es un skill de agente (compatible con Claude Code, Codex, y cualquier agente que soporte SKILL.md) que genera **landing pages inmersivas 3D** donde la cámara "vuela" a través de escenas conectadas sin cortes, controlado por el scroll del usuario.
## Cómo funciona
1. **Higgsfield CLI** genera el arte visual (escenas diorama isométricas + camera flights)
2. **ffmpeg/ffprobe** extrae frames y codifica el video final
3. **Python + Pillow** hace transparent-scene knockout (opcional)
4. Resultado: landing page HTML con scroll-scrubbing que controla la reproducción del video
## Patrón arquitectónico — Scroll-Scrubbed Video
```javascript
// Sincronizar scroll del usuario con tiempo del video
const video = document.querySelector('video');
window.addEventListener('scroll', () => {
const progress = window.scrollY / (document.body.scrollHeight - window.innerHeight);
video.currentTime = progress * video.duration;
});
```
## Casos de uso para proyectos de David
- Landing pages de proyectos (GTFSSpain, DataHubEspana) con intro 3D
- Showcases de visualizaciones con fly-through de mapas
- Storytelling geoespacial — volar sobre un mapa 3D mostrando datos
## Requisitos
- **Higgsfield CLI** autenticado con créditos
- `ffmpeg` / `ffprobe`
- Python 3 con Pillow (opcional)
## Pitfalls
- Higgsfield requiere créditos — cada landing consume créditos de AI generation
- El video puede ser pesado — optimizar con WebM/VP9
- Scroll-scrubbing necesita RAF para suavizar
- Mobile performance puede ser laggy
## Referencias
- Repo: https://github.com/oso95/scroll-world
- Higgsfield: https://higgsfield.ai
GitHub에서 보기