Rob Brander

Welcome to rbrander.ca, Rob Brander's personal website

You can find out more at rbrander.com


Demos

Here you'll find some of my recent work. In my spare time I like to code in JavaScript and HTML5, mostly the canvas. These little projects are often inspired by some other work I've seen. When there is a source for my inspiration, I'll often add it as a comment at the top of the source code.

Pixel Paint

A simple web-based javascript paint application

Demo: Pixel Paint

Source Code: GitHub

Bricks

A simple breakout clone created using javascript and the HTML canvas

Demo: Bricks

Source Code: GitHub

Random METAR

A mobile-first Progressive-Web-Application that displays a METAR (Meteoroligcal Terminal Airport Report) for a random Canadian airport

Demo: Random METAR

Source Code: GitHub

Ray Marching

A simple example of how ray marching works, using circles to trace the path

Demo: Ray Marching

Source Code: GitHub

Mower

A simple game, where you attempt to mow all the leafs before the fox catches you.

Demo: Mower

Source Code: GitHub

Race Car

A simple race car game, where you move the car over a background (race track)

Demo: Race Car

Source Code: GitHub

Connectors

A demo to test mouse and touch events on the canvas, and a simple animation tween.

Demo: Connectors!

Source Code: GitHub

Maze Generator

This is three demos in one! First the maze generator API was created. Next, the UI rendering the maze; and a dynamic maze solver.

Demo: Maze-Gen

Source Code: GitHub