It really awsome. It has also support for many AS3.0 Libraries like as3corelib, tweener etc.
So you can do some great stuff here without much requirement of resource. Just logon and start coding :)
I will take you through one small example. Lets take a look @ the interface. Its too simple.
You just need to click the red pointed area shown above to start coding.
Doing coding is as simple as putting up some text line in notepad. The only disadvantage or advantage whatever u consider is that you don't get code hints. Lets go with a simple example. All I am trying to do is to create a simple circle and move it through Left and Right arrow.
Doing coding is as simple as putting up some text line in notepad. The only disadvantage or advantage whatever u consider is that you don't get code hints. Lets go with a simple example. All I am trying to do is to create a simple circle and move it through Left and Right arrow.The thing which i got to know while coding on wonderfl is that all the classes needs to be declared on the same screen - the package, classes etc. So, I need a circle shape which i am simple taking it through a class "snakeNode". This is just an example you can try with your own code.
- import flash.display.Sprite;
- import flash.geom.Rectangle;
- import flash.display.Shape;
- import flash.display.DisplayObject;
- class snakeNode extends Sprite{
- private var child:Shape = new Shape();
- public function snakeNode()
- {
- child.graphics.beginFill(0xFFCC00);
- child.graphics.lineStyle(0, 0x666666);
- child.graphics.drawCircle(5, 5, 5);
- child.graphics.endFill();
- addChild(child);
- }
- }
It goes something like above. Now the main document class where we would use this code.
- package {
- import flash.display.Sprite;
- import flash.events.KeyboardEvent;
- import flash.events.MouseEvent;
- public class sampleHitTest extends Sprite {
- private var mysNode:snakeNode;
- public function sampleHitTest() {
- init()
- }
- public function init():void
- {
- mysNode = new snakeNode();
- mysNode.x = 100;
- mysNode.y = 200;
- addChild(mysNode);
- stage.addEventListener(KeyboardEvent.KEY_DOWN,mouseDown);
- }
- public function mouseDown(event:KeyboardEvent):void
- {
- if(event.keyCode == 37)
- {
- mysNode.x-=15;
- }
- else if(event.keyCode == 39)
- {
- mysNode.x+=15;
- }
- }
- }
- }
In this way you can write your code. It compiles automatically as an when you are writing a code at the bottom.
- package {
- import flash.display.Sprite;
- import flash.events.KeyboardEvent;
- import flash.events.MouseEvent;
- public class sampleHitTest extends Sprite {
- private var mysNode:snakeNode;
- public function sampleHitTest() {
- init()
- }
- public function init():void
- {
- mysNode = new snakeNode();
- mysNode.x = 100;
- mysNode.y = 200;
- addChild(mysNode);
- stage.addEventListener(KeyboardEvent.KEY_DOWN,mouseDown);
- }
- public function mouseDown(event:KeyboardEvent):void
- {
- if(event.keyCode == 37)
- {
- mysNode.x-=15;
- }
- else if(event.keyCode == 39)
- {
- mysNode.x+=15;
- }
- }
- }
- }
- import flash.display.Sprite;
- import flash.geom.Rectangle;
- import flash.display.Shape;
- import flash.display.DisplayObject;
- class snakeNode extends Sprite{
- private var child:Shape = new Shape();
- public function snakeNode()
- {
- child.graphics.beginFill(0xFFCC00);
- child.graphics.lineStyle(0, 0x666666);
- child.graphics.drawCircle(5, 5, 5);
- child.graphics.endFill();
- addChild(child);
- }
- }
You can also download this script in form of *.as file to use it anywhere you like. Its a great stuff and very useful. Cheers !!!
Nitin :o)
