Welcome to my full stack JavaScript blog
All of my long-form thoughts on programming and other tech related things can be found here!
Game | Part 1 — Intro to Building an Interactive Animated Game in JavaScript
Today we're going to begin a journey 🚀 of programmatically creating a video game 🕹️ in JavaScript without any libraries 📚 using the HTML5 <canvas> element 🎨.
Audio | Part 9 — Adding Track Lock and Disable Features to the Music Production App
In this post, we'll introduce a feature 🛠️ that allows the user to lock 🔒 tracks, as well as a feature that allows the user to enable ✅ or disable ❌ tracks. We'll wrap up the post 📝 by squashing a UI syncing bug 🐛 from our previous implementation.
Audio | Part 8 — Refactoring and Loading Audio Samples
Today we'll refactor our program in order to allow our codebase to be more maintainable as it grows larger. We'll also add a feature that allows the user to upload their own audio samples to be played in each track.
Audio | Part 7 — Making Our Beat Sequencer Sexy with Blinged Out Styling
In this blog entry, we're going to add some flair ✨ to our beat sequencing app 🎵. We'll primarily focus on the aesthetics 💎 of the application this time, while leaving the majority of the app's logic unchanged 🙌.
Audio | Part 6 — Beat Sequencer with Interactive Graphical UI using JavaScript
In today's blog post, we'll build a basic beat sequencer with an interactive user interface. The user will be able to modify the beat by clicking on a visual display of the drum pattern.
Audio | Part 5 — Master Volume and BPM Controls with Tone.js
Today, we're going to level up our beat-playing application by introducing two essential features: a tempo control to alter the BPM and a master volume control.
Audio | Part 4 — Beat Timing Graphical Display with Tone.js
In this blog post, we will harness the power of Tone.js to create a web-based drum machine with an integrated beat timing display.
Audio | Part 3 — Controlling Beat Playback with Tone.js
In this post we'll examine how to add code to stop the beat in an existing Tone.js setup.
Audio | Part 2 — Playing Accurately Timed Beats with Tone.js
The web-audio API provides a rich set of mechanisms to allow for precise audio timing. In this blog post, we'll explore how to play a beat with accurate timing using Tone.js.
Audio | Part 1 — Web Audio Intro with Tone.js
Today, we're diving into the exciting world of web audio programming with Tone.js, a fantastic framework for creating interactive music in the browser.