projects

05 Oct 2018

Boids: A Bird Flock Simulator

We implement Craig Reynolds' Boids simulator using vanilla JavaScript and HTML5 Canvas, and explain the vector math required to drive the particle simulation.

09 Mar 2018

Draw Photo Histograms: D3 + Canvas

Exploring histograms using vanilla JavaScript, D3, and the FileReader API.

23 Jan 2018

Koch Snowflakes

Building Fractal Art with Koch Snowflakes on HTML5 Canvas.

13 Jan 2018

Pixl: A Sea of CSS [part 5]

Add CSS styling to make the app responsive on multiple screen sizes using media queries and flexbox.

12 Jan 2018

Pixl: Scaling & Saving Art [part 4]

Enabling save and restore of images using the browser's localStorage API.

09 Jan 2018

Pixl: Scaling & Saving Art [part 3]

Canvas scaling, transparent backgrounds, and a first step at saving the images.

08 Jan 2018

Pixl: Color Palette & Enhanced UI [part 2]

Adding a randomized color palette selector using jscolor.

07 Jan 2018

Pixl: A Pixel Art Editor with Canvas Part 1

A full-featured, 5-part tutorial on creating a pixel art editor using JavaScript and HTML5 Canvas. Supports saving and loading images, color selection, transparent backgrounds, and more.

06 Jan 2018

Fractal Art and Sierpinski Triangles

Building a Sierpinski Triangle with HTML5 Canvas and JavaScript.

01 Jan 2018

Let's Code a Pomodoro Timer

We build a Pomodoro Timer, a popular time-management tool that breaks work in to 25 minutes segments of work combined with 5 minute periods of rest.

30 Dec 2017

Code a Weather App

We create a weather application using the National Weather Service API to learn about Asynchronous code using Promises and Application Programming Interfaces (APIs).

29 Dec 2017

John Conway's Game of Life: Cellular Automata

John Conway's Game of Life simulation implemented in JavaScript.

28 Dec 2017

Create an Animated LCD Display

We build a retro look-and-feel LCD display using dynamically-animated SVG with JavaScript.