A presentation at HalfStack London in in London, UK by Niels Leenheer
Or: How I blew up an 1980s oscilloscope and almost caused a fire Or: How I build a physics simulation for a 1980s oscilloscope in JavaScript
It’s a story about how I am using WebAudio and CSS to show animations on an old analog oscilloscope. Why? No particular reason. So we start with WebAudio to create a signal that we can feed into the oscilloscope. With WebAudio that is really not that difficult. Unfortunately old antique oscilloscopes can have issues and mine went up in smoke. But not to be deterred, I continued with the project by building a simulation of an oscilloscope that has the same quirks and problems as a regular 1980s scope. Next step was to integrate SVG and CSS animation support, which is run completely in the browser. We then can take the measurements from the DOM and feed that into our WebAudio encoder. In the end it all just works.
Integrating modern Web API’s with 1980s technology is just a lot of fun with unexpected results.
