Added By: Feedage Forager | ![]() |
Language: English | |
Tags: | |
animating canvas animations javascript canvas creating comment animating comment creating css css animations jsfiddle net | |
Rate this Feed![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Comments (0) |
Feed Details and Statistics ![]() |
Last Build Date: Thu, 15 Sep 2011 17:48:00 +0000
Thu, 15 Sep 2011 17:48:00 +0000
The presentation-technique is really nice. Thanks for sharing. But I did miss one thing: a button or a funtion to stop the presentation. "ESC" doesn't work.Sun, 11 Sep 2011 14:32:00 +0000
Sorry this is the correct url: http://jsfiddle.net/potatodie/jYkLL/Sun, 11 Sep 2011 14:29:00 +0000
Inspiring post! But it just applies to very specific animations (rotations). I chose to make a more messy variation (http://jsfiddle.net/potatodie/jYkLL/) so I didn't have to bother about the optimizations :)Tue, 06 Sep 2011 12:01:00 +0000
If you replace this line: // animctx.fillStyle = i % 2 === 0 ? '#000' : '#fff'; With these:var color = Math.sin(i / 2) * 63 + 64; if (i % 2) color += 128; var hex = Math.floor(color).toString(16); animctx.fillStyle = '#'+hex+hex+hex; You get shades of gray instead of just black and white to further enhance the depth effect. See: http://jsfiddle.net/ZNtkQ/Tue, 06 Sep 2011 06:04:00 +0000
all of a sudden it done got real burrrrr out here peeps askn if I wanna go out hmmm…naw not 2nite ima kick back n watch movies by mys … [url=http://www.great-store.org/]Canada Goose[/url]