Drawing Demo 2

June 19, 2013

Click Here

This demo includes more characters and furniture. It’s randomized, so if you refresh, you may see different things. It is not interactive.

Scaling can be controlled via a query param. For example:

We’re using SVG assets and rendering them to canvas with Fabric.js. The SVG file is compressed, which reduces its size by 10:1. This demo contains over 1000 art assets, and their accumulated size is only 435KB. And we can render each asset at any size.

There are four environments, which can be selected with another query param (e.g., ?lvl=2):

The scene can be rotated with the left and right arrows, but the walls don’t change, yet.