This is very interesting Alex, thank you for posting it. I will investigate it further!
Regards, Richard On Wednesday, October 22, 2014 7:26:32 PM UTC+11, AlexHough wrote: > > Dear All, > > I've been experimenting with using the image-border CSS to produce > elaborate borders for some of my tiddlers. > > After I found out how to include images in tidders into the CSS I tried > using an animated SVG. It worked. > > I then searched for SVG animation tools. Two look really good > > 1) http://svgcircus.com/ > 2) http://snapsvg.io/ > > SVG Circus produces SVG and an accomanying script, so cut and pasting the > provided code into a Tiddler with SVG/xml type does not work. > > Question: how could we get the outputed code from SVG circus to work in TW? > > Snap SVG might be of interest to people discussing gamification on the > hangout, you could imagine wrapping TW in a 'machine' like the coffee > machine example (http://snapsvg.io/demos/#coffee) A dial could be used to > indicate what type of new tiddler was created.... > > SVG animations could be used to animate icons, using SVG animations in > border-image CSS would make it easy to add features. One which I thought > about was animating a border around "recent" when a tidder is closed, > showing where the tiddler "went" > > SVG animation I reminds me of Bebot, an synth app on the idpad, where a > robot is animated as you play. (http://normalware.com/) > > The discussion on the hangout about making a childrens learning app made > me think of software my children like. SVG animations and libraries like > Snap.SVG might offer a way build on TW interface, and radically change the > way TW looks > > best wishes > > Alex > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/d/optout.
