Paint with Code

HTML5 canvas element

The scene renders in the browser using the capabilities of canvas element and Javascript. The repetitive geometry of the bridge was created using 'for' loops in java script. The challenge was to create the tree to the left of the image. The organic nature of its structure posed a tough problem. My solution was to create 4 sample patterns of the leaves and the branches and then repeat it over again.

View in browser Paint with Code