그림으로 소리 만들기

그림으로 소리 만들기

그린 행을 사인파로 만듭니다. 기존 소리를 복원하거나 음원 파일을 가져오지는 않습니다.

1. 시간·주파수 그리기

캔버스를 드래그해 칠하세요. 위쪽이 높은 주파수이고 가로축은 시작에서 끝까지입니다. 아래 입력으로 키보드에서 정확한 칸을 편집할 수 있습니다.

선택 열 0, 시각 0.00초 · 행 31, 약 80.0Hz · 저장된 강도 0%

2. 합성 설정

행마다 사인파 주파수는 고정입니다. 길이를 바꾸면 음높이 대신 그림의 시간 길이가 달라집니다.

그림을 칠하거나 예제를 불러오세요.

3. 듣고 확인하기

그림을 칠하거나 불러온 뒤 합성하면 소리를 들을 수 있습니다.

4. 저장

WAV는 16비트 PCM, PNG는 축이 표시된 그림입니다. JSON에는 전체 2048칸 값과 합성 설정이 남습니다.

댓글과 질문

그림으로 소리 만들기

시간과 주파수에 밝기를 그린 뒤 그림을 소리로 들어 보세요. 격자의 각 행은 로그 간격의 80~4000Hz 연속 사인파입니다. 각 열은 시간에 따라 그 사인파의 크기를 정하고 이웃 열 사이 값을 보간합니다. 브라우저에서 신호를 합치고 최대 음량 상한과 짧은 양 끝 페이드를 적용하므로 선 하나는 톤, 선 여러 개는 겹친 소리가 됩니다. 이는 공개한 방식의 가산 합성이며 업로드한 스펙트로그램을 역변환하거나 원본 녹음을 복원하지 않습니다.

주요 기능

  • 포인터로 64열×32행 시간·주파수 캔버스의 칸을 칠하거나 지웁니다.
  • 키보드로 열·행·강도를 입력해 정확한 한 칸을 편집할 수 있습니다.
  • 0.5~8초 길이, 22.05·44.1kHz 샘플률, 상한 있는 주 음량을 선택합니다.
  • 합성 음원을 들어 보고 16비트 모노 PCM WAV와 축이 표시된 그림 PNG를 저장합니다.
  • 전체 칸 값과 합성 설정을 버전이 있는 JSON으로 저장하거나 다시 불러옵니다.

사용 방법

  1. 440→880Hz 예제를 불러오거나 포인터로 칠합니다. 키보드는 정확한 칸 입력을 이용하세요.
  2. 길이·샘플률·붓 강도·주 음량을 정합니다.
  3. 소리를 합성해 듣고 필요하면 칸을 다시 고칩니다.
  4. WAV·그림 PNG·편집 가능한 JSON을 저장하고 JSON으로 나중에 이어서 편집합니다.

활용 예시

  • 주파수 줄을 그려 짧은 상승음이나 겹친 전자음을 만듭니다.
  • 그림의 주파수 선이 시간별 음높이를 어떻게 바꾸는지 가르칩니다.
  • 소리 아이디어를 로컬에서 스케치하고 정확한 그림을 JSON으로 보관합니다.

자주 묻는 질문

역 스펙트로그램 변환인가요?

아니요. 칠한 각 행이 고정된 로그 주파수의 연속 사인파를 만듭니다. 이웃 시간 열의 강도를 직선 보간하고 모든 행 신호를 합칩니다. 위상 복원·역 STFT·음원 가져오기·악기 음색 복원은 하지 않습니다.

칸의 밝기는 소리 크기에 어떻게 반영되나요?

칸의 0~100 밝기가 각 사인파의 진폭입니다. 합계를 활성 강도 합계 또는 1 중 큰 값으로 나눈 뒤 주 음량을 곱하고 시작·끝에 5ms 페이드를 씁니다. 출력이 주 음량을 넘지 않지만 체감 음량 정규화는 아닙니다.

어떤 주파수를 그릴 수 있나요?

32행이 80~4000Hz를 로그 간격으로 덮습니다. 원하는 주파수에 가까운 행이 실제 값과 몇 퍼센트 다를 수 있습니다. 80Hz 아래·4kHz 위 주파수, 잡음·배음·스테레오 위치는 만들지 않습니다.

길이를 바꾸면 음높이도 달라지나요?

아니요. 행의 발진 주파수는 고정됩니다. 길이는 칠한 64개 시간 열을 통과하는 속도만 바꿉니다. 출력은 22050 또는 44100Hz의 모노 16비트 PCM WAV입니다.

마우스 없이 편집할 수 있나요?

네. 시간 열 0~63, 주파수 행 0~31과 붓 강도를 입력하고 선택 칸 칠하기 또는 지우기를 누르세요. 선택한 칸의 주파수와 시각은 글로도 표시됩니다.

그림이나 소리가 서버로 전송되나요?

아니요. 그림·합성·재생·내보내기는 브라우저에서 수행합니다. JSON에는 격자 값과 설정, WAV에는 만든 소리가 담깁니다. 초기화하면 메모리의 결과가 지워집니다.

개인정보 안내

그림과 소리 합성은 이 브라우저 탭에서만 수행하며 파일이나 만든 음원을 서버 API로 보내지 않습니다. 사용자가 명시적으로 요청한 다운로드만 기기에 저장됩니다.

관련 도구

오디오 스펙트럼 분석기효과음 합성기음감 연습 테스트이미지 세부 확대 도구HDR 노출 합성기흑백 사진 색 복원 실험실파노라마 이어 붙이기판재 배치 계획기영상 편집 목록 작성기대본 프롬프터이중 자막 학습 플레이어코드 진행 실험실오선 악보 편집기자막 편집 작업대입체 음향 배치기음원 코드 후보 분석기MIDI 피아노롤 편집기샘플 악기 만들기공간 잔향 합성기오디오 파형 편집기전화 키패드 신호 실험실오디오 잡음 정리기음원 성분 분리기멀티트랙 오디오 믹서드럼 샘플 슬라이서반복 음원 이음새 찾기오디오 음량 분석기음원 음높이·템포 편집기스테레오 애너글리프 제작기사진 모자이크 제작기이미지 주파수 분석기비슷한 사진 중복 찾기렌티큘러 인터레이스 도안재질 텍스처 맵 제작 실험실360도 사진 투어 만들기영상 교정 타깃 제작기이미지 메시지 숨기기 실험벡터 모핑 편집기문서 원근 보정기사진 영역 메우기뜨개 기호 도안 편집기벡터 도형 조합기SVG 경로 편집기심리스 패턴 제작기실크스크린 색판 분리기퀼트 블록 배치기원근 목업 제작기로우폴리 색면 제작기폰트 부분집합 만들기초점 합성 도구사진 깊이 지도 만들기십자수 도안 제작기CSS 애니메이션 타임라인픽셀 직접 그리기이미지 차이 히트맵이미지 품질 측정실증명사진 만들기바코드 스캐너동영상 GIF 변환크로마키 영상 합성기영상 흔들림 보정기영상 구도 추적 편집기스톱모션 촬영 작업대영상 타임코드 대조기영상 인코딩 비교기HLS·DASH 매니페스트 검증기영상 속도 곡선 편집기영상 컨테이너 탐색기영상 스토리보드 만들기영상 개인정보 가림기영상 로토스코프 마스크 편집기영상 움직임 좌표 추적기영상 중간 프레임 만들기화면 해설 편집기영상·음성 싱크 맞추기동영상 자르기GIF 프레임 추출SVG→PNG/JPG 변환이미지 SVG 벡터화도트·픽셀아트 변환프로필 원형 자르기액자·폴라로이드 프레임이미지 모서리 둥글게JPEG EXIF 정보 보기·제거이미지 색각 시뮬레이터이미지 ASCII 아트사진 콜라주인스타 9분할 이미지긴 이미지 분할이미지 자르기이미지 회전·반전이미지 필터밈 만들기스크린샷 꾸미기바코드생성기QR코드 생성기이미지 압축기이미지 리사이즈이미지 포맷 변환파비콘 생성기유튜브 썸네일 추출기HEIC JPG 변환전자서명·도장 생성기이미지 워터마크움짤·GIF 만들기이미지 색상 추출(스포이드)이미지 텍스트 추출(OCR)이미지 합치기사진 모자이크·블러QR코드 스캔MP4 MP3 변환 (음원 추출)동영상 압축 (용량 줄이기)배경 제거 (누끼따기)
이미지/미디어 도구 전체 보기 →텍스트/변환 →생활/재미 →개발 도구 →