Canvas
Speed Dial Canvas Edition
Christian Effenberger has a Christmas contribution for us, Quickchoice:
Quickchoice is a Speed Dial clone for css transform supporting browsers.
Its a simple and quick public domain implementat ....... read more
13 days ago
Pixastic: JavaScript Image Manipulation Library
Pixastic uses <Canvas>'s ability to expose raw pixel information to perform Photoshop-style image manipulation effects all in your standards-based browser. For an example of Pixastic in action, the li ....... read more
18 days ago
JavaScript Raster Bar Effect
This is a fun Canvas demo by Stefan Pettersson that brings you back to your Amiga days (if you remember those, or werent an Atari man).
You can check out the JavaScript that makes the world turn.< ....... read more
20 days ago
AbstractCanvas: HTML Canvas and Java2D in one fell swoop
Rodrigo Reyes has announced a new project called AbstractCanvas, a GWT project that sits on top of HTML Canvas and Java2D.
The same code can thus run in the browser, or on the server.
You can then wr ....... read more
Mon,
01 Dec 2008
CanvasTurtle
Eiten Suez, author of jMatter, has been up to some fun hacking recently. He just released CanvasTurtle a JavaScript and Canvas version of the old favourite TurtlePascal.
You can build snow flakes with ....... read more
Thu,
04 Dec 2008
Canvas Step by Step Tutorial
Bill Mill has created a nice step by step Canvas tutorial that has you building a breakout clone, and you can interactively run code on the fly.
The code path takes you through the following steps: ....... read more
Mon,
24 Nov 2008
Car Navigation Map Mashup in Canvas
Ernest is up to his old Canvas tricks again. This time he has published a car navigation demo that lets you drive around a set of tiles from a map (Google Maps, OpenStreetMap) and it paints your cour ....... read more
Tue,
25 Nov 2008
Canvas in 3D
Peter Nederlof of the infamous Dutch Lost Boys created a 3D engine in Canvas.
Straight from the horses mouth:
Ive been working on a 3D engine on Canvas for some time, and as I was posting a mes ....... read more
Wed,
19 Nov 2008
Digg Attack: A Canvas Game
Fun news for a Friday. From Jacob Seidelinthe dude behind JavaScript Super Mario Brotherscomes Digg Attack, an original JavaScript game using <g;Canvas> for visuals (and Flash for music).
As an ....... read more
Fri,
21 Nov 2008
Liquid Canvas: Draw inside Canvas with a DSL
PLAIN TEXT
JAVASCRIPT:
$(window).load(function() {
$("#example").liquidCanvas(
"[shadow border gradient] => roundedRect{radius:50}")
}) ....... read more
Thu,
20 Nov 2008
Projective texturing using Canvas
Steven Wittens has taken on a challenge to make fake 3D in Canvas and built a library for projective texturing:
Canvas is still limited to 2D: its drawing operations can only do typical vector grap ....... read more
Thu,
13 Nov 2008
JSSpeccy: A ZX Spectrum Emulator in JavaScript
[via Simon Willison]
A little bit of Friday JavaScript-craziness for you.
Matt Wescott has created a ZX Spectrum emulator in JavaScript. The Sinclair ZX Spectrum was an old-skool PC from the 80s.
D ....... read more
Fri,
31 Oct 2008
GameJS: Canvas Game Library
Tommy Maintz has created a fun project called GameJS a 2d game development framework using JavaScript and Canvas.
The API
GameJS.framework.Game - This is the main game class you extend when creatin ....... read more
Tue,
28 Oct 2008
Round the Web: Vector Graphics
Here's a quick round-the-web series of updates on happenings with SVG, Canvas, and open web graphics libraries.
First is a cool demo using SVG called Blobular:
I got the demo working in Firefox 3, ....... read more
Fri,
24 Oct 2008
Antisocial: 3D in Canvas with Sound
Gasman has created Antisocial, a very enjoyable demo of Canvas doing fake 3d and 2d along with that ZX Spectrum sound that you loved as a kid.
Check out the tool to see where the magic happens, and m ....... read more
Wed,
08 Oct 2008
Life: The game in Canvas
Kyle McGregor took a look at the JavaScript games for Life out there and decided to write a Canvas version that ends up being a lot snappier. The entire game is pretty small:
PLAIN TEXT
JAVASCRIPT:read more
Fri,
03 Oct 2008
Gravity: Some real Friday fun
Eric Seidel normally spends his time building browsers, but he has a fun little bit of JavaScript code to show us this time. Gravity was inspired by the Flash Wii Ad that has been going around that u ....... read more
Fri,
26 Sep 2008
Detailed JavaScript and Processing.js from John Resig
John Resig has given some great talks recently, and just posted about some of them.
First, we have his interactive learning area where the presentation is just a JavaScript application that you can pl ....... read more
Wed,
24 Sep 2008
Sphere: Spherical effect via Canvas
Christian Mr. Canvas Effects Effenberger has shared Sphere.js another effect that allows you to add a spherical picture effect (including background gradient) to images on your web pages.
This joi ....... read more
Tue,
23 Sep 2008
Sandbag text flow with Canvas
Jacob Seidelin has implemented Sandbag text wrapping with Canvas allowing the text to flow nicely around an object:
With CSS you can make text wrap around an image using the float property and for ....... read more
Thu,
18 Sep 2008