Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
jsfxr [2023/12/05 02:45] – renickjsfxr [2024/08/04 21:38] (current) – renick
Line 1: Line 1:
 ====== jsfxr: synthesizing sounds in the browser ====== ====== jsfxr: synthesizing sounds in the browser ======
  
-https://sfxr.me/+Access this browser-based synthesizer here: https://sfxr.me/
  
-Sfxr, programmed by [[http://www.drpetter.se/project_sfxr.html|Tomas Pettersson]], and ported to JavaScript by [[https://github.com/grumdrig|Eric Fredricksen]]. Forked and improved by [[https://github.com/chr15m|Chris McCormick]]+Sfxr was programmed by [[http://www.drpetter.se/project_sfxr.html|Tomas Pettersson]], and ported to JavaScript by [[https://github.com/grumdrig|Eric Fredricksen]]. Forked and improved by [[https://github.com/chr15m|Chris McCormick]]
  
-First point: make sure that you select 44k and 16 bit in the column on the right for maximum sound quality (unless you are deliberately going for the old-school vibe).+<color #ed1c24>First point: make sure that you select 44k and 16 bit in the column on the right for maximum sound quality</color> (unless you are deliberately going for the old-school vibe).
  
-Second point: this synthesizer doesn't protect you. The audio it outputs may contain clicks. Be SURE to edit out any clicks, and beware of clipping as well.+<color #ed1c24>Second point: this synthesizer doesn't protect you. The audio it outputs may contain clicks. Be SURE to edit out any clicks, and beware of clipping as well.</color>
  
 The concept is to pass the output of a basic oscillator through an envelope and a few effects to generate a sound. Every time you change a parameter, the sound will be played so that you can audition it. The concept is to pass the output of a basic oscillator through an envelope and a few effects to generate a sound. Every time you change a parameter, the sound will be played so that you can audition it.
Line 36: Line 36:
  
 This section of the interface allows you to really customize the sound and control the parameters of synthesis. This section of the interface allows you to really customize the sound and control the parameters of synthesis.
 +
 +===== serialize/deserialize =====
 +
 +Use these to get the settings as text. Once they are there, you can modify them. This is good if you want to put in a specific value. Then you can load settings from text using the deserialize button. One way to use this is to make a sound, serialize it, and send it to your friend. Then your friend can paste it in and deserialize it to get the same sound as you. In this way, you can work on the same sound or variations together with a friend remotely.
  
 ===== base waveform ===== ===== base waveform =====
Line 76: Line 80:
 ===== duty cycle ===== ===== duty cycle =====
  
-[[https://en.wikipedia.org/wiki/Duty_cycle|Duty cycle]] refers to how wide the high-amplitude portion of a period of the wave is. Notice that duty cycle is grayed-out for sine and noise waveforms. Duty cycle has two parameters:+[[https://en.wikipedia.org/wiki/Duty_cycle|Duty cycle]] refers to how wide the high-amplitude portion of a period of the wave is. Notice that duty cycle is grayed-out for sine and noise waveforms. You notice its effect more on the square wave. Duty cycle has two parameters:
   - duty cycle as a percentage; you may feel that the higher the percentage, the "fatter" the sound   - duty cycle as a percentage; you may feel that the higher the percentage, the "fatter" the sound
   - sweep as a percentage per second; the same seems to be true here: the higher the percentage, the fatter the sound. the lower the percentage, the more high-end details emerge.   - sweep as a percentage per second; the same seems to be true here: the higher the percentage, the fatter the sound. the lower the percentage, the more high-end details emerge.
  • jsfxr.1701773104.txt.gz
  • Last modified: 16 months ago
  • by renick