Webデザインの勉強と製作 | あかとんぼ

フェリカテクニカルアカデミーの学習をベースに、Webについての勉強と製作の過程をまとめています。

[Flash]配列の利用/オブジェクトクラスの利用

配列の利用

f:id:akatonbo_web:20150720183227p:plain

import flash.display.MovieClip;
import flashx.textLayout.operations.RedoOperation;

var MClipA: MovieClip = new Yellow();
var MClipB: MovieClip = new Red();
var MClipC: MovieClip = new Green();
var arr: Array = new Array();
var i : int = 0;

arr[0] = MClipA;
arr[1] = MClipB;
arr[2] = MClipC;
arr[0].x =  150;
arr[0].y =  50;
arr[1].x =  200;
arr[1].y =  100;
arr[2].x =  250;
arr[2].y =  150;

btn.addEventListener( MouseEvent.CLICK, onClick );

function onClick(e:Event):void{
    if(i < 3){
     addChild(arr[i]);
     i++;
    }
}

オブジェクトクラス

f:id:akatonbo_web:20150720184459p:plain

  • クリックすると文字が順番に左に移動
  • オブジェクトクラス→連想配列用のクラス
import flash.events.Event;
import flash.text.TextField;

/* オブジェクトクラスの利用 */
var file1: Object = new Object();
file1.name = "山田";
file1.age = "17歳";
var file2: Object = new Object();
file2.name = "吉岡";
file2.age = "37歳";
var file3: Object = new Object();
file3.name = "小山";
file3.age = "27歳";

/* テキストフィールドを設定 */
var txtA: TextField = new TextField();
var txtB: TextField = new TextField();
var txtC: TextField = new TextField();
txtA.text = file1.name + "、" +  file1.age;
txtA.width = 100;
txtA.height = 50;
txtA.x = 500;
txtA.y = 150;

txtB.text = file2.name + "、" +  file2.age;
txtB.width = 100;
txtB.height = 50;
txtB.x = 500;
txtB.y = 250;

txtC.text = file3.name + "、" +  file3.age;
txtC.width = 100;
txtC.height = 50;
txtC.x = 500;
txtC.y = 350;

var names:Array = new Array();
names[0] = txtA;
names[1] = txtB;
names[2] = txtC;

addChild(names[0]);
addChild(names[1]);
addChild(names[2]);

var MoveFlag:Boolean = false;
var i = 0;

addEventListener( Event.ENTER_FRAME, onFrame );
function onFrame( e: Event ):void{
    if(MoveFlag){
        names[(i-1)].x -= 10;
    }
}

btn.addEventListener( MouseEvent.CLICK,onclick )
function onclick( e:MouseEvent ):void{
    if(i<3){
        MoveFlag = true;
        i++;
    }else{
        MoveFlag = false;
    }
}