View Full Version : HTML Canvas Example - Very Cool

03-26-2009, 02:15 AM
This is really cool. Why? Because it's done using JavaScript and the HTML canvas element. There's no Flash going on here.

js cloth (http://gyu.que.jp/jscloth/)

Try all 3 demos. You need to use a browser that supports the canvas tag. It works for me in both Firefox and Safari and should work on Google Chrome.

Will take you a minute to try the demo and I promise it's worth it. The canvas element is going to be fun to work with.

03-26-2009, 07:39 AM
That's very interesting. Somehow I ended up here. This will waste some time!!!

Chrome Experiments - Detail - Bomomo (http://www.chromeexperiments.com/detail/bomomo/)

Have fun,

03-26-2009, 01:35 PM
That's kind of neat. Could be great for diagrams and floor plans and such.

03-26-2009, 02:16 PM
Gregg the Chrome experiment is pretty cool too. There's going to be so many possibilities for this stuff in a few years when all browsers are supporting canvas.

Business Attorney
03-26-2009, 09:27 PM
What a neat time waster! Time to get back to work...

03-26-2009, 10:14 PM
It's the geek in me that's excited about the canvas example. I'm thinking of all the more useful possibilities that will be available before long. The above examples might be time wasters now, but they will open up a lot of new interaction with websites that currently doesn't exist.

Business Attorney
03-26-2009, 10:32 PM
Oh, I agree that the possibilities are exciting. Unfortunately, then I'll never get any work done!

03-27-2009, 11:52 AM
And you know my goal in a few years will be how can I make this canvas application so much fun that David will stop working for the day to use it :)

03-27-2009, 01:59 PM
its certainly an interesting technology - am I right in thinking it is part of HTML 5?

The demos there are pretty jerky, hopefully that will improve as the technology becomes more widely used and debugged. It will be interesting to see how this gets used in the future.

03-27-2009, 02:50 PM
I think canvas has existed for awhile, but it probably is part of HTML 5. The jerkiness could still be the browser support or maybe a bandwidth issue. I'm sure it'll improve over time.

The ability to draw graphics programmatically is going to open up so many possibilities. The images will be scalable for one and you should be able to program a lot more interactivity. If you take the motion out then pages should load faster since code is lighter than images.

Here's an example of some interactivity (http://www.tapper-ware.net/canvas3d/). You're driving a car down the road using the arrow keys. It's jerky and not all that easy to control, but you can see the possibilities. And another example navigating through a maze (https://developer.mozilla.org/samples/raycaster/RayCaster.html). The maze example has been around for awhile. It's been a couple of years since I first saw it.

Another example of a paint like program (http://caimansys.com/painter/).