Archive for the 'Canvas' Category

Harmony: Canvas Drawing Tool

Harmony is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to try it out than explain it in words.
Creator Mr. Doob (Richard Cabello) explains how he used Canvas to make it darker the [...]

Touching Cloth; Canvas Fu

Andrew Hoyer shows his canvas Fu with Cloth, a great experiment using nice physics.

What makes this simulation special is the speed at which everything is computed. Javascript (the language this is written in) is not exactly the most efficient language for this type of computation. This being said, much time was spent squeezing out every [...]

Copperlicht: A new WebGL 3D Engine

We covered GLGE, a WebGL based engine recently, and now we have a new one; Copperlicht. The engine features:

3D World editor: CopperLicht comes with a full 3D world editor named CopperCube.
Many supported 3D file formats: .3ds, .obj, .x, .lwo, .b3d, .csm, .dae, .dmf, .oct, .irrmesh, .ms3d, .my3D, .mesh, .lmts, .bsp, .md2, .stl. and more, see [...]

Pseudo 3D tricks from old computer games for all your Canvas needs

It is quite interesting to see how technology moves in circles. With canvas being the new fun toy to play with for creating browser-based games we have to find solutions to fake a 3D environment to be really fast (sure there is Canvas 3D but it is overkill for most games). The trick is to [...]

Canvas Benchmark

The Freeciv.net crew has benchmarked a path in their canvas game. It is one data point, and tests more than just Canvas itself because a lot of code is running in the game. Thus, it ends up testing the union of a particular JavaScript path and the rendering of the canvas.
Here are the results:

With Bespin [...]

Commodore 64 JavaScript Emulator

Tim de Koning has done what folks do best with their winter holidays…. created something fun :) With JSC64 he has ported the Flash version to give us an emulator for the Commodore 64 in JavaScript.
Tim’s work uses Canvas and he provides a jQuery plugin if you are that way inclined. It is fun to check [...]

Hand-Drawn Look in Canvas Drawing App

Steve Hanov has produced a Canvas-based drawing tool with a hand-drawn look. Lines can be drawn with a “sloppiness” option, with possible values “Draftsman”, “Artist”, “Cartoonist”, “Child”, and – perfect for this time of year – “Drunk” :). The FG Virgil font, applied to text elements, adds to the cartoon vibe.
The techniques are used in [...]

TransM: Programmable Image Transitions

The infamous Christian Effenberger has a new library to share:

TransM.js 1.0 allows you to add programmable image transitions to your webpages. Features 113 transitions, 32 tweenings, individual corners, overlay graphics and event actions. Requires no plugin/extension or any other external resource! It uses unobtrusive javascript to keep your code clean.

You can play around with an [...]

Fun Friday Particle System

I think we first featured Mr Speaker when we showed his fun Friday platformer game.
This Friday we have a canvas based particle system that is very visual. Check it out.

Javascript JPEG Encoding

Andreas Ritter has managed to encode JPEGs in Javascript. This blog post explains how he did it, shows some benchmarks, and provides a demo and a downloadable library so you can play along at home.

It was surprising that it was that easy to get the first js-encoded jpeg displayed in the browser. Of course I [...]