Comments on: animating SVG with canvas and burst

By: Jessie J

Jessie J — Wed, 21 Dec 2011 00:03:13 +0000

hhmm it appears the demo doesn’t work anymore. The video tut is still good though. Thanks for this!

By: Stu Ross

Stu Ross — Thu, 10 Jun 2010 17:47:10 +0000

I am very interested in bringing vector animation to the iPhone. When will you release Burst?

–Stu Ross
Cherry Hill, NJ

By: 谋智社区 » Blog Archives » 颠覆网络35天 ─ 使用Canvas和Burst制作SVG动画

谋智社区 » Blog Archives » 颠覆网络35天 ─ 使用Canvas和Burst制作SVG动画 — Fri, 10 Jul 2009 05:53:40 +0000

[...] 原文地址：animating SVG with canvas and burst [...]

By: 颠覆网络35天 ─ HTML5范儿的音频播放器 < MJiA

颠覆网络35天 ─ HTML5范儿的音频播放器 < MJiA — Wed, 17 Jun 2009 08:20:20 +0000

[...] 上周Alistair MacDonald（@F1LT3R）给我们带来过一个示例，向我们展示了如何使用Canvas制作动画SVG和很多免费的工具。这周他同样给我们带来了一个示例，向我们展示如何使用全新的Firefox 3.5 audio元素和一些Canvas和JavaScript来构建一个非常好看的音频播放器。在Firefox 3.5中查看演示 [...]

By: audio player - HTML5 style at hacks.mozilla.org

audio player - HTML5 style at hacks.mozilla.org — Wed, 17 Jun 2009 01:34:38 +0000

[...] week we featured a demo from Alistair MacDonald (@F1LT3R) where he showed how to animate SVG with Canvas and a bunch of free tools. This week he has another demo for us that shows how you can use the new [...]

By: Al

Al — Sat, 13 Jun 2009 13:51:41 +0000

@Vance Dubberly: I found the new “real” version of Inkscape to run very, very well. I usually work with the pre-releases.

By: Al

Al — Sat, 13 Jun 2009 13:48:58 +0000

Here’s a Character in Burst: http://hyper-metrix.com/burst/development/doc/demos/js/GitHub%27s-Octocat.htm

Here’s it running on iPhone: http://hyper-metrix.com/burst/development/doc/demos/js/Octocat-iPhone/Octocat-iPhone.htm

By: soso

soso — Fri, 12 Jun 2009 17:10:58 +0000

Why do you not using smil for this stuff?
OK, Firefox has no native smil support but fakesmile does the job.

By: Vance Dubberly

Vance Dubberly — Fri, 12 Jun 2009 02:17:24 +0000

@Breton sorry that was pretty ambiguous. Not a reference to the code or API. I’m referring to playback. Smoothness of animation. We’re on our way but just try to implement a particle system in svg or canvas… it’ll make ya cry.

By: Breton

Breton — Fri, 12 Jun 2009 01:40:36 +0000

What exactly do you mean by “clean”?

By: Animating SVG with Canvas and Burst

Animating SVG with Canvas and Burst — Thu, 11 Jun 2009 20:00:07 +0000

[...] just posted on the work of Alistair MacDonald who used his Burst engine to demonstrate taking SVG and having Burst load it and convert it all to JavaScript objects that are rendered inside of a [...]

By: Vance Dubberly

Vance Dubberly — Thu, 11 Jun 2009 17:09:06 +0000

Just finished up an animated SVG US Map. I’m really excited that SVG is finally getting decent implementation in at least a few browsers. I ended up using the dojo gfx toolkit because, well I use dojo and it has a library for this sort of thing but the idea is the same.

Should be noted that inkscape is pretty darn buggy, btw. Also that while simple animations in SVG run pretty nicely the more complex the lower the “Framerate” and sadly it’s nowhere near as clean as flash.

By: Anita

Anita — Thu, 11 Jun 2009 15:29:43 +0000

Awesome, I am loving this 35 day series

By: Ajaxian » Animating SVG with Canvas and Burst

Ajaxian » Animating SVG with Canvas and Burst — Thu, 11 Jun 2009 12:54:16 +0000

By: Mozilla Firefox 3.5 Wissen für Entwickler » Suchmaschinen Blog

Mozilla Firefox 3.5 Wissen für Entwickler » Suchmaschinen Blog — Thu, 11 Jun 2009 10:08:28 +0000

[...] der Firefox 3.5 bietet noch viel mehr. Denn auch die Canvas-Funktionen und HTML5-Video ist eine Sache für sich. Was hier den Anschein von trockenem Stoff hat, [...]

By: nitot's status on Thursday, 11-Jun-09 09:11:01 UTC - Identi.ca

nitot's status on Thursday, 11-Jun-09 09:11:01 UTC - Identi.ca — Thu, 11 Jun 2009 09:11:04 +0000

[...] animating SVG with canvas and burst: http://hacks.mozilla.org/2009/06/rendering-svg-canvas-burst/ [...]

By: Rick

Rick — Thu, 11 Jun 2009 03:34:53 +0000

Very, very slick.