Quantcast
Viewing all articles
Browse latest Browse all 39

Textured + shaded gears in Canvas 2D

Image may be NSFW.
Clik here to view.

See the Code - See it Full Page - See Details

I wanted to implement code that I developed and explained for two of my blog posts; ["Class"-inheritance in Javascript](http://codepen.io/ImagineProgramming/storydump/class-inheritance-in-javascript) and [Object Oriented Canvas Rendering in Javascript](http://codepen.io/ImagineProgramming/storydump/oop-canvas-rendering-javascript). This is my first implementation, which works best in Google Chrome. IE also renders the gears quite fast, however the shading does not work in IE as it causes some weird graphical glitches (try removing the IE test). Firefox is bahhh I commented the code as much as I could, all code can be downloaded freely. Each script is referenced to separately in the JS tab - check them out. Let me know what you think and if I should write up a blog post about this pen - I will then also release the source in a zip-file attached to the post. Inspired by a graphical work I did: http://grapholio.crucio-atrus.net/abstract.html#picture-1 Cheers!

This Pen uses: HTML, SCSS, JavaScript, and


Viewing all articles
Browse latest Browse all 39

Trending Articles