Tuesday, March 13, 2012

FXG with Inkscape plugin tryout

- In this tryout I tried the fxg plugin for Inkscape. You can find them here svg2fxg.inx and svg2fxg.xsl Download them and put them in the Inkscape/share/extensions folder in Program Files on windows.
- Start  Inkscape and draw something. You have to have the option to save the document as an fxg file if the extension was succesffuly installed.

- So I used a Bugatti veyron image as a schetch to draw a vector based bugatti veyron in Inkscape
This is the result:

I created the image in Inkscape and saved it as BugattiVeyron.fxg. Then I created  flex sdk 4.6 and Flash Develop 4, AS3 plain project and imported this graphic onto the stage. Althoug I get some errors after compilation if you press the continue button in FlashDevelop and dissmis all errors afterwards you will get the above image. So it surely does work but with some errors.

Here is the code I used for the AS3 project

    import flash.display.Sprite;
    import flash.events.Event;
    import resources.BugattiVeyron;
     public class Main extends Sprite
        private var bugatti:BugattiVeyron;
        public function Main():void
            if (stage)
                addEventListener(Event.ADDED_TO_STAGE, init);
        private function init(e:Event = null):void
            removeEventListener(Event.ADDED_TO_STAGE, init);
            // add the bugatti veyron fxg graphic
            bugatti = new BugattiVeyron();


Surely you can use the Inkscape to export fxg graphics, but for the errors I get I will try to make another tutorial.

Cheers :)