Building the Magic Wand Tool for a Drawing App, pt. 1In my drawing app, Pixel V, I have a color replace tool that lets you restrict where the brush makes a mark to only a chosen color. When…Apr 23, 2021Apr 23, 2021
Adding Layers to A Drawing App, pt. 2In part 1, we rendered the layers to the DOM, and now we’re going to make it so the layers can be rearranged and interacted with from the…Apr 16, 2021Apr 16, 2021
Adding Layers to A Drawing App, pt. 1This won’t be much of a tutorial, but this is a glimpse into my initial attempt to add layers to a drawing app. This is the first time…Apr 9, 2021Apr 9, 2021
Create a Custom Upload Button in JavaScriptFor my pixel art app, Pixel V, I want to make it easy to use a reference image layered behind or on top of the user’s drawing. For this…Mar 25, 2021Mar 25, 2021
Custom Bezier Curve Tool for HTML Canvas, pt. 2Last time we rendered the curve by connecting the pixels with a series of lines, creating a polyline that estimates the bezier curve. That…Mar 11, 2021Mar 11, 2021
JS: Making a Color Picker from Scratch, part 3To give a color picker the expected behavior, there are some tricks to how you set up the interaction between the gradient canvas and the…Mar 5, 2021Mar 5, 2021