Chris Pikul

Chromaview

Development BreakdownPart 3

Chromaview started as an experiment in using web technology (JavaScript) to deliver an augmented reality view of the world through different color-blind modes.

This is a series intended to be a development breakdown of the process of making Chromaview. In this part, I'll talk about scaffolding a new version of the app from scratch, using a modern toolkit.

You can check out part 1 for a write-up on the first version of this app. Additionally, part 2 talks about scaffolding the new app with React and getting ready for the processing.

Starting The Processor

In the previous article I mention a mysterious class called Processor that is responsible for handling the actual work. React hands it a reference to the Canvas, as well as some bindings for events such as changing the mode, and notifying on resize events.