React, TypeScript 및 Tone.js로 구축 된 오픈 소스 웹 기반 사운드 신디사이저 이 polysynth에는 피아노 키를 누르면 틀림없이 연주 할 수있는 2 개의 발진기가 있습니다. 각 오실레이터에는 선택할 수있는 4 개의 파형이 있으며 진폭 엔벨로프, 비 크어 틱 필터 및 3 개의 빈 이퀄라이저를 통해 라우팅되어 사운드의 모양과 주파수를 완전히 제어 할 수 있습니다. 피드백 지연, 비트 크러셔, 왜곡 및 리버브를 포함한 효과로 사운드를 추가로 변경할 수 있습니다. 기기의 출력은 음표가 재생되는 동안 디스플레이에서 시각화됩니다.
라이브 데모

신디사이저는 익숙하지 않으면 신디사이저가 꽤 위협적 일 수 있지만 모든 것이 무엇을하는지 이해하면 매우 간단합니다. 신디사이저를 처음 사용하는 경우 기본 설정으로 키를 재생하고 발진기 파형과 같은 기본 설정을 천천히 조정하거나 해당 습식 손잡이에서 약 30%의 효과를 사용하여 시작하는 것이 좋습니다. 매우 큰 소리로 이해하지 못하는 설정에서 너무 많은 과감한 변화를하지 않도록주의하십시오!
A single cycle waveform looped to match a specific pitch which creates the synthesizer's base voices.
발진기에 의한 사운드 출력의 모양. Sine, Square, Triangle 또는 Sawtooth로 설정할 수 있습니다.
데시벨의 발진기의 볼륨 출력.
발진기주기 내에서 시작 위치. 예를 들어 180 °의 위상은 오실레이터 사이클을 통해 중간에 시작됩니다.
Detune Control 신호는 센트입니다. 예를 들어 100 센트의 악화는 반 단계를 앞으로 전진합니다.
팁 : 하나의 오실레이터를 -1200으로, 다른 하나는 1200으로 설정하십시오. 멋진 효과를 얻으십시오!
An amplitude envelope which shapes the attack, decay, sustain, and release of the sound.
봉투가 초에 최대 값에 도달하는 데 걸리는 시간의 양.
봉투의 공격 부분 후에, 값은 부패 시간의 지속 시간에 따라 몇 초 만에 지속 가치가 떨어집니다.
봉투의 공격 후에 봉투가 릴리스에 놓여있는 값은 출시 전에 트리거됩니다.
봉투가 몇 초 만에 최소 값으로 떨어지는 데 걸리는 시간의 양.
A biquad filter which blocks certain frequencies while allowing others to pass through.
주파수 데이터 (FFT) 및 필터의 주파수 응답을 시각화하는 그래프. Y 축은 데시벨이고 X 축은 Hertz (로그베이스 10 스케일)의 주파수입니다.
필터의 모양. AllPass, Lowpass, Highpass, Lowshelf, Highshelf, Notch 또는 Bandpass로 설정할 수 있습니다.
참고 : 일부 유형은 특정 설정의 영향을받지 않습니다. 예를 들어 AllPass는 설정에 관계없이 모든 주파수를 허용합니다.
옥타브 당 데시벨의 하락.
필터의 Q 또는 품질 계수.
필터가 떨어지는 주파수.
데시벨에서 신호의 출력 전력 대 신호의 비율.
A feedback delay which postpones a signal and can feed the signal back into itself.
출력으로 전달되는 효과 신호의 백분율. 0%는 효과가 없으며 100%는 원래 신호가없는 상태에서만 효과를 출력합니다.
원래 신호와 지연된 신호 사이의 시간은 밀리 초입니다.
효과의 입력에 공급되는 신호의 양.
BitCrusher down-samples the incoming signal to a different bit depth. Lowering the bit depth of the signal creates distortion.
출력으로 전달되는 효과 신호의 백분율. 0%는 효과가 없으며 100%는 원래 신호가없는 상태에서만 효과를 출력합니다.
효과의 비트 깊이.
A simple effect which alters a signal creating a distorted sound.
출력으로 전달되는 효과 신호의 백분율. 0%는 효과가 없으며 100%는 원래 신호가없는 상태에서만 효과를 출력합니다.
왜곡 강도의 백분율.
A simple convolution which emulates the sound in a closed space with decaying noise.
출력으로 전달되는 효과 신호의 백분율. 0%는 효과가 없으며 100%는 원래 신호가없는 상태에서만 효과를 출력합니다.
몇 초 만에 리버브의 지속 시간.
An EQ3 which provides three isolated frequency bins and can boost them, lower them, or leave them unchanged.
각 주파수 빈에 대한 데시벨의 게인.
낮은/중간 크로스 오버 주파수.
중간/고 크로스 오버 주파수.
신시사이저의 마스터 볼륨.
신디사이저의베이스 옥타브.
키는 클릭/터치, MIDI 키보드 또는 아래 표시된 핫키가있는 컴퓨터 키보드를 사용하여 키를 재생할 수 있습니다.
손잡이는 클릭/터치하고 드래그하거나 마우스로 마우스 위로 올라가서 스크롤하여 전환 할 수 있습니다.
스크롤링하는 동안 시프트를 유지하면 손잡이가 더 빨리 변합니다.
슬라이더는 클릭/터치하고 드래그하거나 마우스로 맴돌거나 스크롤하여 위아래로 움직일 수 있습니다.
스크롤링하는 동안 시프트를 유지하면 슬라이더가 더 빨리 움직입니다.
이 프로젝트는 특히 React.js 및 TypeScript를 사용하여 새로운 프론트 엔드 개발 기술을 연습하고 배우는 포트폴리오 작품으로 만들어졌습니다. 또한 외부 라이브러리의 사용을 제한하고 스타일에 모든 사용자 정의 CS를 사용하고 싶었습니다.
환경
웹 오디오 프레임 워크
언어
테스트
GitHub에 문제를 제출하거나 요청을 가져와 자유롭게 기여하십시오. 개선과 건설적인 비판에 대한 제안을 환영합니다!
링크 된 메시지에 메시지를 보내서 저에게 연락 할 수 있습니다.