Toon Shading Demo

This Toon Shading demo features colorful, candy-colored objects floating around a canvas. It is created using ThreeJS and WebGL. The HTML5 demo can run on devices that can open a modern web browser.

Play with the assets by changing their shape. You can select shapes like rings, triangles, boxes, and hexagons.

You can mix and match up to four colors for the objects. There are also options for changing the background and line colors.

Check out the cool experiment here.

Toon Shading


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. Hearthstone card effect in CSS An interesting question was posed via Twitter recently. It was about finding a way to create a card browse/hovering effect like the one in the popular card game Hearthstone using...

  3. Rough Drawing Effect WebGL Experiment Rough Drawing Effect is an experiment in Three.js and WebGL that features multi-colored 3D shapes dancing around a colored background. Its author was inspired by another WebGL experiment called Polygon...

  4. Opera's WebGL Tech Demo: Odin Opera has created an impressive WebGL demo called Odin which they describe as: Odin is a demo created to showcase what you can do with WebGL and hopefully inspire people...

  5. CopperCube Dynamic Lighting Demo A WebGL Demo of the export of the CopperCube 3 WebGL output. Share List...

, ,
HTML5 Demos, Three.js-1