Chris Oliver's Weblog

« Live versions of F3... | Main | F3 and Swing »

Friday Nov 17, 2006

F3 and SVG

F3's declarative 2D graphics API's are largely based on those defined by SVG. As a result, it was (relatively) easy to write a translator from SVG to F3.

Our current translator isn't perfect but does cover a large portion of SVG syntax.

Having such a translator makes it possible to create graphic elements in vector drawing tools such as Inkscape or Illustrator and then use the result in your F3 programs. In addtion, since F3 is a real programming language, you can parameterize properties of such graphic elements, for instance fill or stroke or some of the coordinates, and then call it like a function in your program.

F3 SVG Browser

Here's a demo program written in F3 that resembles the Apache Batik Squiggle SVG browser, but renders SVG files by first translating them into F3 source code and then compiling and executing the result.

You can drag URL's that point at SVG files from web pages into the SVG Browser's canvas. Below are a few examples for you to try:

Posted at 03:38PM Nov 17, 2006 by Christopher Oliver in F3 | Comments[18]

Comments:

Chris, Does F3 handle final member variables? How? Thanks, Dave

Posted by David Walend on November 20, 2006 at 12:50 AM PST #

Great looking demos. Nice to see this type of innovation for GUI technology.

I've experienced that one of the big hinderances of the enterprise adopting anything java-related as a web-gui/internet application is the requirement of a JVM on the client (though interestingly enough flash has enjoyed great sucess with getting their runtime widely deployed-maybe due to easy install/size of runtime?).

Though the examples are launching via a JNLP, what is the intent of future client side requirements (browser plugins, jvm, just a web browser)? We faced this question and chose against a Java UI because of the need to reduce endpoint management of JVMs for large deployments (> 30,000). I see how F3 greatly addresses the need for developing nice looking UIs fast. What are the thoughts on addressing deployment issues that gave applets such a bad name?

Posted by Iran Hutchinson on November 20, 2006 at 07:03 AM PST #

Hi Chris, I've been following your F3 blog. I think you're doing an excellent job with F3 and I'm quite impressed. My question is: How do I get F3? Thanks, ~= Chris =~

Posted by Chris Jackson on November 20, 2006 at 10:31 AM PST #

Hi Chris--when declaring object literals, what defines the end of assignment--line break or next valid token? Wondering if one can assign multiple attributes on one line to save space. Wonderful demos, by the way. Great work. Patrick

Posted by Patrick Wright on November 22, 2006 at 05:59 AM PST #

OK--I answered my own question. I forgot your first sample was interactive. Answer is that the parser declarations can all go on one line if one likes. Which is nice. Patrick

Posted by Patrick Wright on November 22, 2006 at 09:10 AM PST #

thank you

Posted by worldkontor on May 06, 2009 at 01:13 AM PDT #

interactive. Answer is that the parser

Posted by sohbet99 on June 19, 2009 at 12:29 AM PDT #

Thanksss

Posted by Linux Öğren Blog on December 25, 2009 at 04:59 AM PST #

we only require 2d, 3d, and 4d vectors and 2x2, 3x3, and 4x4 matrices. These types are provided in a new package called javafx.math, http://www.watchgy.com/ namely Vec2, Vec3, Vec4, Mat2, Mat3, Mat4. Since rotations may be represented as a pair of angle/axis, or quaternion form, in addition to matrix form, we also provide the types AngleAxis, and Quat. http://www.watchgy.com/tag-heuer-c-24.html
http://www.watchgy.com/rolex-submariner-c-8.html
http://www.watchgy.com/rolex-daytona-c-6.html

Posted by rolex submariner on December 29, 2009 at 06:14 AM PST #