본문으로 건너뛰기
V.060 · ORORA · COSMIC AURORA FINALE · GALLERY 60-SAMPLE LASTWEBGL · FLOW NOISE · AURORA · 3 HUES · COSMIC PANNINGSTAGE 1 / 3 · PAN 0deg · FPS 60 / 60
오로라
AURORA · 3 HUES · COSMICSTAGE 1 / 3 · PAN 0deg · FPS 60 / 60
V.060 · 코스믹 오로라 쇼케이스 · 갤러리 피날레

하늘 한 장이
모든 것을 덮습니다.

마지막은 빛으로.

WebGL 플로우 노이즈 오로라 커튼이 스크롤·시점에 따라 하늘을 panning 합니다. 청록·자홍·금록이 동시에 우주 위에 존재하되 색위상이 cycle 합니다. 갤러리 60개 샘플의 마지막. 마지막은 빛으로 칠합니다.

SCROLL TO PAN COSMIC SKY · 12%
flow noise 32-step · aurora 3-hue · star particle 168 · nebula 0.42 · panning 0deg
ORORA-060-STAGE-01-AQUAMARINE-FINALE

* 셰이더 mock · 실제 GLSL source 도식 §3 분해 · 3-hue 패닝 시퀀스 §2 · reduced-motion 시 정적 frame swap (§ethics #4) · 광민감성 보호 gradual transition mandatory (§ethics #11) · 갤러리 60-sample 마지막 finale (§11 footer index)

하늘 한 장이 panning 합니다

스크롤이 진행될 때마다 카메라가 하늘 위로 panning 하며 오로라의 dominant hue 가 cycle 합니다. 3 hue 모두 동시에 cosmic sky 위에 존재하되 색위상과 panning 각도가 회전합니다.

01

청록 dominant: 하늘이 처음 갈라지는 순간

uAuroraHue1 = #2EC4B0oklch(0.65 0.16 180deg)phase = 0.0 · dominant 60%
PAN 0deg → 60deg · horizontal

cool aquamarine 오로라 커튼이 하늘 위에 처음 펼쳐집니다. 청록이 aurora 의 60% 를 점유하고 자홍·금록이 잔여로 분포. 별 파티클이 sparse 하게 떠 있고, 성운 cloud 가 underlayer 로 깔립니다. 카메라가 horizontal panning 을 시작합니다.

스크롤 0~33% · 10.6s phase · 60fps
02

자홍 dominant: 우주가 따뜻해지는 순간

uAuroraHue2 = #C84F8Eoklch(0.65 0.16 0deg)phase = 0.33 · dominant 60%
PAN 60deg → 180deg · diagonal

warm magenta-rose 가 오로라 위로 떠오릅니다. 자홍이 60% 를 점유하고 금록·청록이 잔여. 성운 cloud 가 nebula soft bloom 으로 piercing 합니다. 카메라가 diagonal panning 으로 하늘 중앙을 훑습니다.

스크롤 33~66% · 10.6s phase · 60fps
03

금록 dominant: finale 의 새벽

uAuroraHue3 = #B8C84Aoklch(0.65 0.16 110deg)phase = 0.66 · dominant 60%
PAN 180deg → 360deg · vertical · finale dawn

warm gold-green 이 cosmic horizon 으로 fade 합니다. 금록이 60% 를 점유하고 청록·자홍이 잔여. cycle 마지막 stage 에서 오로라가 calm 한 새벽빛 fade 로 수렴합니다. stars thinning · quiet luminous afterglow finale · cycle 이 다시 청록으로 복귀합니다.

스크롤 66~100% · 10.6s phase · 60fps · finale
PAN 0deg → 60deg → 180deg → 360deg —— 3-stage cosmic panning · 32s cycle · finale dawn

* 3-hue stage mock · 실제 셰이더는 GPU 3-hue simultaneous + camera panning 32s cycle · reduced-motion 시 정적 frame swap (§ethics #4) · 광민감성 보호 gradual transition only (§ethics #11) · 32s 이상 cycle period mandatory

셰이더 분해도 5 layer

코스믹 오로라 한 frame 이 만들어지는 5 layer 분해. aurora curtain · 색위상 drift · 별 파티클 · 성운 cloud · 카메라 panning. 모두 GPU 한 pass 에서 합산됩니다.

5 layer 분해 (stage 1 청록 dominant frame)STAGE 1 / 3 · PAN 0deg
01 · COMPOSITE · final frame · 1 GPU pass
Composite · 최종 합산
02 · AURORA CURTAIN · flow noise
Aurora Curtain · 플로우 노이즈
03 · PHASE DRIFT · color rotation
Phase Drift · 색위상 회전
04 · STARS + NEBULA · sparse + bloom
Stars + Nebula · 별 파티클 + 성운 cloud
05 · CAMERA PAN · cosmic panning
Camera Pan · 코스믹 panning
5 layer composite → final frame · 1 GPU pass60fps target · all uniforms updated per frame · finale
01

Composite · 최종 합산

5 layer 합산 결과입니다. 한 GPU pass 에서 aurora curtain · phase drift · stars · nebula · camera panning 을 합산한 뒤 frame buffer 로 출력합니다. 60fps target · finale 정합.

02

Aurora Curtain · 플로우 노이즈

aurora curtain 정점 grid 위에 3-hue 가 corner·edge·center 로 oklch interpolation 됩니다. flow noise 가 정점 위치를 vertical ribbon folds 로 warp · 24s loop. 변하는 것은 3-hue 색위상과 flow noise 입니다.

03

Phase Drift · 색위상 회전

3-hue 위상이 32s cycle 로 oklch hue 공간에서 회전합니다. uPhaseTime 0~1 · 청록(0.0) → 자홍(0.33) → 금록(0.66) → 청록 cycle. 광민감성 보호 32s 이상 cycle period mandatory.

04

Stars + Nebula · 별 파티클 + 성운 cloud

star particle 은 sparse parallax · uStarDensity 0.32 · cool starlight #F8FAFF. nebula cloud 는 soft bloom · uNebulaDensity 0.42 · cosmic violet underglow · 4.6s breath loop · 광민감성 보호 amp 통제.

05

Camera Pan · 코스믹 panning

cosmic sky panning · scroll-tied uCameraPanAngle 0~360deg horizontal+vertical · mouse pan reflect (방향키도 가능 · §ethics #1). 카메라가 하늘을 훑으며 aurora curtain 의 다른 각도를 보여줍니다. 060 핵심 시그니처.

* 5 layer mock · 실제 셰이더는 GPU 1 pass · GLSL source §FAQ #5 부분 공개 · 라이선스에 따라 full source 제공 (§6 Pro / Finale) · 060 = aurora·phase drift·stars·nebula·camera panning 의 cosmic-specific 5-layer · finale 정합

스크롤이 하늘을 panning 합니다

스크롤 = 카메라 horizontal+vertical panning. 마우스 = pan reflect (방향키 fallback). 터치 디바이스 fallback (3-stage stills). 입력 device 별 fallback 까지 모두 명시합니다.

스크롤 panning

스크롤이 하늘을 훑습니다

0deg360deg

scroll position 이 카메라 panning 각도 0~360deg 로 매핑되고 aurora dominant hue 가 cycle 합니다. uCameraPanAngle (float) · scroll-tied · linear mapping · 60fps update. 스크롤하면 카메라가 하늘 위로 panning 하며 다른 각도·hue 를 보여줍니다.

uCameraPanAngle = (scrollY / pageHeight) * 360hueShift = oklch_rotate(uCameraPanAngle / 3)
scroll-tied · 60fps · linear mapping · 32s cycle
마우스 reflect

시점이 panning 을 반영합니다

pan reflect 0.08

마우스 위치가 camera panning 을 미세하게 reflect 합니다. uMousePanReflect (vec2) · 즉시 반응 · no easing · 60fps. reflect amp 0.08, 광민감성 보호 작은 amp. 방향키(←·→·↑·↓) fallback 으로 키보드 사용자도 panning 합니다 (§ethics #1).

uMousePanReflect = vec2(mx, my)panOffset = uMousePanReflect * 0.08
reflect amp 0.08 · 60fps · 광민감성 보호
터치

터치 fallback

swipe → stage 전환

터치 디바이스·마우스 미지원·저사양 GPU 를 자동 감지해 3-stage 정적 이미지로 swap 합니다. swipe 로 stage 를 전환. WebGL → canvas 2d → SVG → jpg 4-tier fallback chain.

if (!webgl || reducedMotion || isLowGPU) { swapImages(stage1..stage3) }
3-stage 정적 swap · 디바이스 자동 감지

* 3 인터랙션 mock · 셰이더 uniform 명세 · 터치 fallback 디바이스 자동 감지 (§ethics #2) · GPU 성능 정직 (§ethics #9: 구형 디바이스 framerate 낮음 사전 안내) · 광민감성 보호 amp 통제 (§ethics #11 finale 보강)

오로라의 신뢰 5 룰

쇼케이스 finale art-piece 의 product-trust 는 정량 지표가 아닌 신뢰 룰 그 자체입니다. 60fps · 접근성 · 디바이스 · reduced-motion · 광민감성 보호 · finale 정합 mood-canon 분기 사유 6 축.

V.060 · TRUST STAMP · FINALESTAGE 1 / 3
하늘
SKY · COSMIC · FINALE
060 · COSMIC AURORA · 5-LAYER ANATOMY · 3 HUES · FINALE
쇼케이스 finale 신뢰 인장oklch-controlled · cosmic natural light
01

60fps 보장

aurora 셰이더는 60fps target · requestAnimationFrame 기준입니다. 디바이스가 60fps 미달 시 자동 fallback (정적 frame swap). framerate 정직. 가짜 60fps 주장 X · §ethics #9.

target 60 / actual 60
02

접근성 alt 텍스트

aurora canvas 는 aria-label 을 명시하고 3-stage 별 cinematic description alt 텍스트가 mandatory 입니다. 청록·자홍·금록 dominant cosmic aurora hue 를 명시하고 키보드 fallback 방향키 panning 을 제공합니다 · §ethics #1.

3-stage cinematic alt
03

디바이스 fallback

WebGL 미지원·저사양 GPU·저전력 모드를 자동 감지한 뒤 3-stage 정적 이미지로 swap 합니다. WebGL → canvas 2d → SVG → jpg 4-tier fallback chain · 디바이스 성능 정직 · §ethics #2·#9.

자동 감지 · 3-stage fallback
04

reduced-motion 대응

prefers-reduced-motion 활성 시 aurora 가 정지하고 정적 frame 으로 swap 됩니다. flow noise·phase drift·star parallax·nebula breath 모두 정적 1 frame 으로 고정 · 광민감성·전정 장애 사용자 친화 · §ethics #4.

prefers-reduced-motion 자동
05

광민감성 보호 + finale 분기

3-hue 멀티컬러 + cosmic scale 오로라의 gradual transition 이 mandatory 입니다. flicker·rapid color change X · 32s 이상 cycle period · flow noise amp 0.16 max · pan reflect amp 0.08 max. 광민감성 발작·전정 장애 사용자 보호 finale 보강 · §ethics #11 finale 정합 mood-canon 분기 사유. gallery 60-sample 마지막 finale spectacle showcase track 분기.

gradual only · 32s cycle min · finale 정합 mandatory

* 5 신뢰 룰 · 도전자 sample 의 정량 trust 와 다른 카테고리 · 쇼케이스 finale art-piece track 의 신뢰는 '신뢰 룰' 자체가 trust signal · 060 = '광민감성 보호 + finale 정합 mood-canon 분기 사유' 룰 5 보강

도입 플랜

쇼케이스 라이선스 3 단계 · 단일 임베드 · 5 사용처 + 커스텀 · finale 1년 무제한 + 커스텀. 약정 없음.

Embed
₩290,000
* 1회 라이선스 · 약정 없음
단일 임베드 · 기본 3-hue aurora · cosmic finale
  • 단일 임베드 권한
  • 3-hue aurora 기본
  • flow noise + 별 + 성운
  • 스크롤 panning + reduced-motion fallback
예: 단편 영상 finale 시퀀스 · 키노트 closing 1 slot · 음악 비주얼 단일 페이지
recommended
Pro
₩890,000
* 1회 라이선스 + 12개월 유지보수
5 사용처 임베드 · 커스텀 hue · 셰이더 파라미터 조정
  • Embed 전부
  • 5 사용처 임베드 권한
  • 3-hue 커스텀 (사용자 hex)
  • flow noise + camera pan amp 조정
  • 셰이더 uniform 노출 (5개)
  • 12개월 유지보수
예: 브랜드 키노트 finale + 영화 엔딩 + 미술관 인스톨 · 음악 페스티벌 멀티 페이지 · 광고 글로벌 캠페인 풀 시리즈
finale
Finale
₩1,890,000
* 1년 무제한 라이선스 + 풀 셰이더 + finale 커스텀
1년 무제한 사용처 · 풀 GLSL source · finale 커스텀 hue · 무대 LED · 콘서트 비주얼
  • Pro 전부
  • 1년 무제한 사용처 · 도메인
  • 풀 GLSL source 제공
  • 셰이더 uniform 전체 노출 (8개)
  • 커스텀 hue 추가 (4+)
  • 무대 LED · 콘서트 비주얼 최적화
  • 전담 유지보수 + 우선 지원 (24h)
  • finale 인스톨레이션 셋업 지원
예: 글로벌 브랜드 캠페인 finale 무대 · 영화 엔딩 시퀀스 풀 작품 · 미술관 인스톨레이션 1년 상설 · 음악 페스티벌 main stage 비주얼

* 가격 mock · 사용자 swap · 라이선스 옵션 §ethics #7 명시 · 약정 없음 · 환불 정책 §푸터 정책 링크 · 060 = Finale 플랜 ₩1,890,000 신규 (1년 무제한)

만든 사람과 사용처

만든 사람의 한 마디 + 4 가지 사용 사례 (mock · finale 정합 cosmic 도메인).

만든 사람

갤러리의 마지막은 빛이어야 한다고 생각했습니다. 우주 스케일의 오로라 한 장이 모든 장면을 덮을 때, 관객은 잠시 말을 잃습니다. 다만 100% 같은 보장은 약속하지 않습니다. 디바이스에 따라 정적 fallback 으로 내려가고, 광민감성 보호를 위해 색은 천천히 흐릅니다. 마지막은, 담담하게 빛으로.

— 오로라 셰이더 팀 ___ · ___-___-___ · cosmic ___년차
키노트 피날레

브랜드 키노트 피날레

글로벌 브랜드 신제품 발표 무대의 closing · 행사 마지막 90초를 코스믹 오로라가 덮습니다. 무대 LED 송출 finale spectacle. mock 사례: 실제 브랜드명 verbatim X · §ethics #6.

데모 · Finale 플랜 · 무대 LED
영화 엔딩

영화 엔딩 시퀀스

90분 영화의 엔딩 60초 코스믹 오로라 finale sequence · ending credit 배경 · cinematic awe finale. mock 사례: 실제 작품명·감독 verbatim X · §ethics #6.

데모 · Pro 플랜 · 60sec ending
미술관 인스톨

미술관 인스톨레이션

미술관 dark room 8m × 6m × 12m 공간에 코스믹 오로라 1년 상설 인스톨 · 관람객이 3분간 우주 cosmic awe contemplation 을 경험합니다. mock 사례: 실제 미술관명 verbatim X · §ethics #6.

데모 · Finale 플랜 · 8m × 6m × 12m · 1년 상설
음악 비주얼

음악 페스티벌 main stage

음악 페스티벌 main stage 헤드라이너 closing 4분 코스믹 오로라 finale visual · 무대 LED 24m × 8m · 음향 sync (audio cue opt-in only). mock 사례: 실제 페스티벌·아티스트 verbatim X · §ethics #6.

데모 · Finale 플랜 · 무대 LED 24m × 8m · 4min closing

* 4 사용처 mock · 실제 도입 사례는 §6 도입 문의 후 별도 공유 · 실명·실 작품 verbatim X · 합성 사례 X (§ethics #6) · 060 의 키노트 피날레·영화 엔딩·미술관 인스톨·음악 비주얼 cosmic aurora finale 도메인

운영 원칙

접근성 · 디바이스 · 라이선스 · 재사용 · 광민감성 5 cell. 쇼케이스 finale art-piece 의 운영 책임.

01

접근성

aurora canvas aria-label 명시 · 3-stage 별 cinematic alt 텍스트 mandatory · 스크린리더 친화 · 키보드 fallback (방향키 panning · 스페이스바 stage 전환) · §ethics #1.

3-stage cinematic alt + 키보드
02

디바이스 fallback

WebGL 미지원·저사양 GPU 자동 감지 후 3-stage 정적 이미지 swap. WebGL → canvas 2d → SVG → jpg 4-tier fallback chain · 가짜 60fps 주장 X · §ethics #2·#9.

자동 감지 · 4-tier fallback
03

라이선스

Embed · Pro · Finale 3 단계 · §6 명시 · 사용 범위 명시 · 풀 GLSL source 는 Finale 만. 재배포·2차 가공은 별도 협의 · Finale 플랜 1년 무제한.

3 단계 · Finale 1년
04

재사용 가이드

다른 프로젝트 재사용은 Pro 이상. 재배포 X · 2차 가공은 Finale 협의. 클로닝·역공학 X · 셰이더 source 공개 협의 · §운영 원칙 ethics #7.

재배포 X · 협의 mandatory
05

광민감성 보호

3-hue 멀티컬러 + cosmic scale 오로라의 gradual transition mandatory. flicker·rapid color change X · 32s 이상 cycle period · phase drift amp 0.16 max · pan reflect amp 0.08 max · 발작·전정 장애 보호 finale 보강 · §ethics #11.

gradual · 32s cycle · finale 보강

* 5 cell · §ethics 11 항목 중 핵심 5 항목 운영 cell · 자세한 약관은 §푸터 정책 링크 · 060 = 광민감성 보호가 cell 5 finale 보강

자주 묻는 질문

target 은 60fps · requestAnimationFrame 기준입니다. 디바이스 성능에 따라 framerate 가 변동될 수 있고, 60fps 미달 시 자동 fallback (정적 frame swap) 됩니다. 가짜 60fps 주장은 하지 않습니다 · §ethics #9.

WebGL 미지원·저사양 GPU 를 자동 감지한 뒤 3-stage 정적 이미지로 swap 합니다. 4-tier fallback chain (WebGL → canvas 2d → SVG → jpg) 으로 모든 디바이스에서 최소 정적 fallback 을 보장합니다 · §ethics #2.

aurora canvas 는 aria-label 과 3-stage 별 cinematic alt 텍스트를 제공하고, 키보드 fallback (방향키 panning · 스페이스바 stage 전환) 을 지원합니다. 광민감성 보호 finale 보강으로 gradual transition (32s 이상 cycle · flow noise amp 0.16 max · pan reflect amp 0.08 max) 을 강제하며, prefers-reduced-motion 시 자동 정적 전환합니다 · §ethics #1·#4·#11.

Pro 이상에서 사용자 hex 3-hue 커스텀이 가능합니다 (oklch L 0.65 C 0.16 통제 가이드 권장). Finale 는 4+ hue 추가도 가능합니다. 단 광민감성 보호 finale 보강을 위해 3-hue 모두 oklch L·C 통제를 권장합니다.

Finale 플랜만 풀 GLSL source 를 제공합니다. Pro 는 uniform 5 개를 노출하고, Embed 는 uniform 을 노출하지 않습니다. 재배포 X · 2차 가공은 협의 · §ethics #7.

§0 nav 의 audio cue toggle 은 ambient cosmic drone 미세 cue 입니다. 사용자 명시 opt-in only · default off 가 mandatory 입니다. 음향·진동은 §ethics #5 의 시각만 정합 default 를 따르며, opt-in 시에만 활성화됩니다. cinematic finale 정서 강화 옵션입니다.

* 6 FAQ mock · 추가 문의는 §10 contact form

도입 문의

사용 목적·디바이스 타깃·예산·라이선스 옵션·추가 메모. 영업일 1일 내 응답.

도입 문의 후 진행

  1. 영업일 1일 내 응답 (이메일 또는 카톡)
  2. 사용 사례 파악 · 라이선스 협의 · 3-hue 커스텀 협의 (Pro 이상)
  3. 셰이더 커스터마이즈 (Pro 이상) · 영업일 7-21일 (Finale 인스톨 보강)
  4. 임베드 가이드 + 셰이더 자산 전달 + finale 인스톨 셋업 지원 (Finale)

* 모든 단계 사용자 문의 후 1:1 진행 · 셰이더 자산은 라이선스 옵션에 따라 분기 · Finale 인스톨레이션·콘서트 무대는 별도 셋업 영업일 협의