How to draw 8-bit shapes in HTML5 canvas

1k Views Asked by At

I'm currently working on porting Atari arcade games to HTML5 and stuck on how to implement retro-style shapes.

Since the <canvas> element does not support disabling pixel interpolation across browsers all too well yet, low-res games appear blurry and muddy.

Instead, I want to know how to draw 8-bit shapes in JavaScript.

For instance:

Circles I want to be able to draw:

http://i.imgur.com/xJP4dX8.png

Also the best way to draw lines like this:

https://i.stack.imgur.com/THCcV.png

How to draw 8-bit circles and lines in canvas.

0

There are 0 best solutions below