LIVE CODINGの始め方
/**
* Copyright nitoyon ( http://wonderfl.net/user/nitoyon )
* MIT License ( http://www.opensource.org/licenses/mit-license.php )
* Downloaded from: http://wonderfl.net/c/sO58
*/
package {
import flash.display.Sprite;
import flash.events.*;
import flash.text.TextField;
import org.libspark.betweenas3.BetweenAS3;
import org.libspark.betweenas3.easing.*;
public class FlashTest extends Sprite {
public function FlashTest() {
// 1. Flash 版エディタを有効にする
// http://wonderfl.net/account の一番下から
// エディタの種類を切り替えられます
// 2. エディタ左上のLIVE CODINGボタンをおす
// あるよねー
// 3. デキター
// いまやってるよ
// 他のブラウザからみたらリアルタイムに反映されるのかな？
// されますね！
var t2:TextField = new TextField();
t2.multiline = true;
t2.htmlText = '<a href="http://wonderfl.net/account">http://wonderfl.net/account</a> の一番下から Flash 版エディタを有効にして、<br/>'
+ 'これをクリックするんだぜ<br/>'
+ 'あ、この上のボタンをクリックしてもたいしたことは起こらないよ。<br/>'
+ 'エディタのほうの同じボタンをクリックするんだよ。';
t2.y = 50;
t2.selectable = false;
t2.autoSize = "left";
addChild(t2);
var s:Sprite = createButton();
addChild(s);
var counter:int = 0;
s.addEventListener("click", function(event:Event):void{
if (counter == 0){
BetweenAS3.to(s, { x: 100 }, .8).play();
BetweenAS3.to(s, { y: 400 }, .8, Bounce.easeOut).play();
} else {
BetweenAS3.to(s, { scaleX: 3, scaleY: 3, alpha: 0 }).play();
}
counter++;
});
}
private function createButton():Sprite {
// 他のブラウザからみたらリアルタイムに反映されるのかな？
// されますね！
var s:Sprite = new Sprite();
s.graphics.beginFill(0xcc0000);
s.graphics.drawRect(0, 0, 200, 30);
s.graphics.endFill();
s.graphics.beginFill(0xffffff);
s.graphics.moveTo(10, 10);
s.graphics.lineTo(15, 15);
s.graphics.lineTo(10, 20);
s.graphics.endFill();
var t:TextField = new TextField();
t.text = "LIVE CODING";
t.textColor = 0xffffff;
t.selectable = false;
t.x = 50;
t.y = 5;
s.addChild(t);
return s;
}
}
}