SF 코스믹 파스텔 스페이스 비주얼 유틸리티 툴 (Cosmic Visualizer)

빛나는 파스텔 성운과 주파수가 춤추는 은하수 초공간 속으로!
SF 코스믹 파스텔 스페이스 비주얼 유틸리티 툴 (Cosmic Visualizer)은 감각적인 SF 코스믹 파스텔 스페이스 우주 테마 디자인 시스템과 HTML5 Web Audio API, Canvas 2D 고성능 파티클 엔진이 결합된 실시간 오디오 비주얼라이징 스튜디오입니다.

사용자의 오디오 파일(.mp3, .wav 등) 업로드는 물론, 음원이 없어도 즉시 감상할 수 있는 내장 SF 코스믹 우주 앰비언스 신시사이저 및 실시간 마이크(Live Mic) 입력을 모두 지원하며, 주파수(FFT) 및 타임도메인 파형 데이터에 반응하여 실시간으로 펄스하는 환상적인 우주 비주얼을 선사합니다.

🎨 주요 특징 (Key Features)

• 🌌 SF 코스믹 파스텔 스페이스 디자인 테마:
  • 파스텔 핑크(#ff9ebb), 파스텔 바이올렛(#c099ff), 오로라 시안(#80f3ff)이 빚어내는 몽환적인 우주 다크 모드
  • 깊이감 있는 글래스모피즘(Glassmorphism) 블러 UI 패널 및 HUD 실시간 메트릭 오버레이
• 🎵 Web Audio API 멀티 오디오 소스 연동:
  • ✨ 코스믹 신시사이저 모드: C Major Pentatonic / Space Drone / Supernova Pulse 등 3가지 내장 우주 앰비언스 멜로디 자동 생성
  • 📁 오디오 파일 모드: 로컬 오디오 파일 선택 및 Drag & Drop 지원, 실시간 재생 제어
  • 🎙️ 마이크 스트림 모드: 라이브 마이크 입력을 분석하여 사용자의 목소리 및 외부 음향에 반응하는 실시간 렌더링
• 🚀 Canvas 2D 기반 4대 비주얼 모드:
  1. 🌌 Cosmic Nebula (성운 & 은하 파티클 링): 음악 비트에 맞춰 팽창하는 중앙 성운 오로라와 360도 방사형 은하수 파티클 링
  2. 🌠 Starlight Warp (초공간 워프): 주파수 에너지가 높아질수록 가속되는 워프 스피드 스텔라 라인
  3. 🔮 Orbital Constellation (궤도 별자리): 파형 데이터 기반 3D 별자리 궤도 라인 & 성좌 연결 노드
  4. 💥 Supernova Spectrum (초신성 스펙트럼): 360도 스펙트럼 파형 빔과 블랙홀 코스믹 코어
• 🛠️ 실시간 파라미터 튜닝 & 스냅샷 유틸리티:
  • 오디오 반응 감도(Sensitivity), 파티클 개수(Particle Count), 글로우 블러(Glow Blur), 잔상 잔여도(Decay Trail) 커스텀 슬라이더
  • Pastel Cosmic, Aurora Borealis, Neon Galaxy, Stardust Monotone 등 4종 커스텀 파스텔 팔레트
  • 실시간 프레임 HD PNG 고화질 스냅샷 다운로드 & 전체 화면 지원
  • 브라우저 localStorage 기반 프리셋 설정 자동 저장/리셋

🕹️ 사용 방법 (How to Use)

1. 오디오 소스 선택: 우측 패널 상단에서 코스믹 신시사이저, 오디오 파일, 실시간 마이크 중 원하는 소스를 선택합니다.
2. 비주얼 프리셋 체인지: Cosmic Nebula, Starlight Warp, Constellation, Supernova 카드를 클릭해 비주얼 스타일을 변경합니다.
3. 파라미터 커스텀: 감도, 파티클 개수, 글로우 블러, 잔상 제어로 나만의 우주 아트를 연출해보세요.
4. 스냅샷 캡처: 캔버스 우측 상단의 📷 버튼을 누르면 현재 연출된 멋진 코스믹 파티클 프레임이 PNG 이미지로 다운로드됩니다.

자주 묻는 질문 (FAQ)

어떻게 시작하나요?

앱을 열면 제공되는 기본 설정과 화면 안내를 확인할 수 있습니다. 먼저 예시 상태에서 주요 조작을 살펴본 뒤, 목적에 맞게 입력값이나 도구를 변경해 보세요.

별도 설치가 필요한가요?

이 앱은 웹 브라우저에서 실행하도록 구성되어 있습니다. 원활한 사용을 위해 최신 브라우저와 안정적인 인터넷 환경을 권장합니다.

결과가 예상과 다르게 보이면 무엇을 확인해야 하나요?

현재 선택한 설정, 입력값, 화면 크기, 브라우저 상태에 따라 결과가 달라질 수 있습니다. 초기화 또는 예시 설정으로 돌아간 뒤 값을 하나씩 바꿔 확인하면 원인을 파악하기 쉽습니다.