Flutterby™! : SVG Toys

Next unread comment / Catchup all unread comments User Account Info | Logout | XML/Pilot/etc versions | Long version (with comments) | Weblog archives | Site Map | | Browse Topics

SVG Toys

2010-03-15 02:12:57.674464+00 by meuon 5 comments

Spent a lot of time this weekend learning about SVG and am attempting to use it for some semi-interactive charting needs. Interesting stuff.The ability to mix "EcmaScript" and vector graphics has a lot of potential, if only the browsers implement things in a similar fashion.

[ related topics: Interactive Drama Graphics Mathematics Education Fashion ]

comments in descending chronological order (reverse):

#Comment Re: made: 2010-03-16 14:25:04.269555+00 by: Dan Lyke

Yeah, for the guitar particular version of this app, the wood is generally already sliced book-matched.

I've got a "drag the outline around" thing, just haven't delved into the deeper compositing operations yet.

The nice thing about the situations I'm imagining is that saying "Get a real browser" is entirely within reasonable. So, yeah, it's a special application for geeks, but that's the way these things start.

#Comment Re: made: 2010-03-16 09:19:07.419781+00 by: meuon

Is the wood pre-book matched (or whatever you call it) or do you pick a half and they slice it to match? That's a bit over my head right now, but I think it could be done.

Biggest issue is that unless MSIE picks up SVG, it's a toy for geeks and special applications.

#Comment Re: made: 2010-03-15 18:29:24.844806+00 by: Dan Lyke

"Bezier clipped bitmap" - I've got a bitmap image (of some wood), I want to let the user select a bezier defined region of that by rotating and moving an irregularly shaped template (like maybe a "what if I made a guitar top out of this?"), then grab the bitmap of that region and rotate it back and show what it'd look like in that guitar top.

I can do the "move the bezier outline on the wood", I could have a "preview" button that sent the outline transforms back up to the server which would do the clipping and rotation and all and send it back, but it'd be cooler if the browser could just do it all on the user's end.

#Comment Re: made: 2010-03-15 17:57:48.358424+00 by: meuon

Not sure what a "bezier clipped bitmap" is, but I had some fun with the bezier curves in the path statement. Lots of power, and some "HTML5" is essentially SVG and JavaScript.

I did find: a Mozilla Firefox ActiveX plugin for MSIE that seems to work very well.

So far, it allows me to do things that would have taken flash, or insane javascript, without either.

#Comment Re: made: 2010-03-15 14:54:11.196299+00 by: Dan Lyke

Played a bit with this. The thing I'd like to do is use SVGA and ECMAScript to do rotations of a bezier clipped bitmap. If anyone has any ideas, I'm interested!