retro web synth
1.0.0
synthesizer เสียงบนเว็บโอเพ่นซอร์สที่สร้างขึ้นด้วย React, typeScript และ Tone.JS. polysynth นี้มีออสซิลเลเตอร์สองตัวที่สามารถเล่นควบคู่ไปกับการกดปุ่มเปียโน ออสซิลเลเตอร์แต่ละตัวมีรูปคลื่นสี่รูปให้เลือกและถูกกำหนดเส้นทางผ่านซองจดหมายแอมพลิจูดตัวกรอง biquadratic และอีควอไลเซอร์ถังขยะสามตัวช่วยให้สามารถควบคุมรูปร่างและความถี่ของเสียงได้อย่างเต็มที่ เสียงสามารถเปลี่ยนแปลงได้เพิ่มเติมด้วยเอฟเฟกต์รวมถึงความล่าช้าข้อเสนอแนะบิตบิตบิตบิดเบี้ยวและพัดโบก เอาท์พุทของเครื่องมือจะถูกมองเห็นในจอแสดงผลในขณะที่กำลังเล่นโน้ต
การสาธิตสด
Synthesizers สามารถข่มขู่ได้ค่อนข้างมากหากคุณไม่คุ้นเคยกับพวกเขา แต่ค่อนข้างง่ายเมื่อคุณเข้าใจว่าทุกอย่างทำอะไร หากคุณยังใหม่กับ synthesizers ฉันขอแนะนำให้เริ่มต้นด้วยการเล่นคีย์ด้วยการตั้งค่าเริ่มต้นและการตั้งค่าพื้นฐานอย่างช้าๆเช่นรูปคลื่นของออสซิลเลเตอร์หรือเล่นกับเอฟเฟกต์ด้วยประมาณ 30% ในปุ่มเปียกที่สอดคล้องกัน ระวังอย่าทำการเปลี่ยนแปลงอย่างมากในการตั้งค่าที่คุณไม่เข้าใจมากเกินไปเพราะมันดังมาก!
A single cycle waveform looped to match a specific pitch which creates the synthesizer's base voices.
รูปร่างของเอาต์พุตเสียงโดยออสซิลเลเตอร์ สามารถตั้งค่าเป็น: ไซน์, สี่เหลี่ยม, สามเหลี่ยมหรือ Sawtooth
เอาต์พุตระดับเสียงของออสซิลเลเตอร์ในเดซิเบล
ตำแหน่งเริ่มต้นภายในวัฏจักรของออสซิลเลเตอร์ในองศา ตัวอย่างเช่นเฟส 180 °จะเริ่มครึ่งทางผ่านวัฏจักรของออสซิลเลเตอร์
สัญญาณควบคุม detune เป็นเซ็นต์ ตัวอย่างเช่น detune 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 เป็นความถี่ในเฮิร์ตซ์ (สเกลฐานบันทึก 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 คำแนะนำสำหรับการปรับปรุงและการวิจารณ์เชิงสร้างสรรค์ยินดีต้อนรับ!
คุณสามารถติดต่อฉันได้โดยส่งข้อความถึงฉันเมื่อเชื่อมโยง
