---
title: Avoid
description: My first browser game, and later the handout for a JS/Canvas workshop at SchDesign, a society at the Budapest Technology University (BME). It's trivial yet I still have fun playing with it now, so it made the cut. 
date: 2026-04-29
period: 'January 2018'
thumbnail:
  src: ./_assets/avoid.jpg
  alt: Screenshot of the Avoid web game.
article:
  tags: ['games', 'web']
  stack: ['JavaScript', 'Canvas']
project: {}

---

January 2018, my first browser game. You're a dot; other dots stream in from the edges and chase you; you have to out-manouver them to escape while getting them to collide with each other. The game is simple but rather fun, at least for the first few minutes. 

This project marks my first encounter with the `<canvas>` element acting as the catalyst for my later (and still going) obsession with graphics programming.

A few months later I also reused this for our design society's web design workshop. We rebuilt the webpage based on the handout in the README while getting familiar with expressing art and movement through JavaScript. The little game turned out to be the right size for explaining things to people who'd never drawn a pixel from code before. The process advice in that handout (write working code first, then make it pretty) is still roughly the only process I follow.
