Hyemi Song Design Lab

package timo.effect
{
    import flash.display.Sprite;
    import flash.events.Event;

    public class Bubble extends Sprite
    {
        private  var  clip: BubbleClip = new BubbleClip();
       
        public  var  vx: Number = 1;
        public  var  vy: Number = 1;

        //public var topBound:Number=0;
        //public var rightBound:Number=800;
        //public var bottonBound:Number=400;       

        public  static  var  topBound: Number = 0;
        public  static  var  rightBound: Number = 800;
        public  static  var  bottomBound: Number = 400;
       
        public  static  var  resistance: Number = 0.95;
        public  static  var  gravity: Number = 0.2 ;       
        public function Bubble()
        {
            super();
            this.setLayout();
        }
        private function setLayout(): void
        {
            this.addChild( clip );   
        }
        // 움직임 명령이 주어지면, 매 프레임마다 할 액션 등록하기
        public  function  startMove(): void
        {
            this.addEventListener( Event.ENTER_FRAME, onEnter );   
        }
        // 매 프레임마다... 할 일..
        private function onEnter( e: Event ): void
        {
            this.x = this.x + this.vx;
            this.y = this.y + this.vy;           

            //vx,vy가 변하지 않으면 등속도 운동...
            //-를 이용하면 언젠가는 반대로 움직여야 한다.
            //빙판과 같은 움직임 서서히 줄어드는 것은 곱하기로 한다.
            this.vx = this.vx * Bubble.resistance; //공통으로 사용하는 것이므로 위에서 static처리 해준다.
            //this.vx.=this.vx*0.98;
            this.vy = this.vy + Bubble.gravity;
                       
            // 영역 바깥으로 나가면.. 사라지기
            if( this.x > Bubble.rightBound || this.y > Bubble.bottomBound || this.y < Bubble.topBound )
            {
                this.removeEventListener( Event.ENTER_FRAME, onEnter );
                parent.removeChild( this );
            }
        }
    } // class
} // package

package
{
    import flash.display.Sprite;
    import flash.events.Event;
   
    import timo.effect.Bubble;

    [ SWF( width="800", height="400", frameRate="36", backgroundColor="0x000000")]
    public class BubbleTest extends Sprite
    {
        public function BubbleTest()
        {
            super();
            this.addEventListener( Event.ENTER_FRAME, onEnter );
        }
        private function onEnter( e: Event ): void
        {
            var  bubble: Bubble = new Bubble();
           
            bubble.x = -20;
            bubble.y = 200;
            bubble.width = bubble.height = 5 + 30 * Math.random();
            bubble.vx = 20 + 20 * Math.random();        // x 속도 : 20 ~ 40
            bubble.vy = -3 + 6 * Math.random();        // y 속도 : -3 ~ 3
           
            this.addChild( bubble );
           
            bubble.startMove();
        }
       
    }
}

눈내리는 효과

컴퓨터 bit :전기가 충전 / 방전 1,0
2bit ::00/01/10/11
8bit ::00110010 ---->1byte 0~256가지의 정보를 저장할 수 있다.
int::-20억~20억---->4byte
number는 8byte

public var vx:Number=1;  ------------>8byte
public var vy:Number=1;  ------------>8byte
public var ground:Number=400; ----->8byte
총 24byte

주로 변수들이 메모리를 차지한다.
그러므로 공유용인지 개별용인지를 구분하여 공유용인 것은  static으로 바꿔주어 메모리 할당량을 줄여준다.
실험을 해보면 static을 쓸때와 그렇지 않을 때 퍼포먼스의 차이가 많이 나게 되는 것을 알 수 있다.

package timo.effect
{
    import flash.display.Sprite;
    import flash.events.Event;

    public class Snow extends Sprite
    {
        private  var  clip: SnowClip = new SnowClip();
       
        // 속도 변수 :: 외부에서 설정할 수 있도록... public으로 설정
       //모든 눈의 속도는 다르므로 개별적으로 가져야한다.
        public  var  vx: Number = 1;                // 개별
        public  var  vy: Number = 1;                // 개별
       
        // 공유변수는 static 변수로 설정 --> 클래스 변수
       //모든 눈이 도달하는 ground위치는 같으므로  ground 변수는  공유해도 된다.
        //public  var  ground: Number = 400;    // 공유변수 !!!!!  Snow.ground (아래의 static 변수와 비교하며 실험해본다.)
        public  static  var  ground: Number = 400;    // 공유변수 !!!!!  Snow.ground
        
        //메서드는 따로 저장이 되므로 그냥 두고 변수 부분을 최대한 줄여보자!!!!!!!
        //공유변수는 static 변수로 설정 ====>클래스 변수
      
        // static 함수 --->  사용의 편의성  Math.random()
        // static 변수 --->  공유의 목적...!!
         
        public function Snow()
        {
            super();
            this.setLayout();
            this.addEvent();
        }
       
        private  function  setLayout(): void
        {
            this.addChild( clip );           
        }
       
        private  function  addEvent(): void
        {           
        }
       
        // 이 함수가 호출되면, 매 프레임마다 움직이기 시작...!!
        public  function  startMove(): void
        {
            this.addEventListener( Event.ENTER_FRAME, onEnter );
        }
       
        private function onEnter( e: Event ): void
        {
            this.x = this.x + this.vx;
            this.y = this.y + this.vy;
          
            // 땅으로 떨어지고나면, 매 프레임마다 할 일 제거하고, 자신은 parent로부터 삭제
            // removeChild할 경우, (하고있는 일을 멈추지 않고 잠깐 강의실을 나가있어라! 와 같은 뜻임)
            //(removeChild의 경우는 계속 Event.ENTER_FRAME은 여전히 작동중이므로  Event도 지워준다.)
                // 1. 애니메이션이 있으면 stop()시키고,
                // 2. EnterFrame 이벤트 삭제하기 
            if( this.y > Snow.ground ){
                this.removeEventListener( Event.ENTER_FRAME, onEnter );
                parent.removeChild( this );
            }
        }
               
    } // class
} // package

package
{
    import flash.display.Sprite;
    import flash.events.Event;
   
    import timo.effect.Snow;

    [SWF( width="550", height="400", frameRate="36", backgroundColor="0x000000")]
    public class SnowTest extends Sprite
    {       
        public function SnowTest()
        {
            super();
            this.addEventListener( Event.ENTER_FRAME, onEnter );
        }
        private function  onEnter( e: Event ): void
        {
            // 1. 눈 만들기
            var  snow: Snow = new Snow();
            // 2. 초기 위치및 크기 설정
            snow.width     = snow.height = 2 + 10 * Math.random();        // 2 ~ 12
            snow.x             = 550 * Math.random();            // 0 ~ 550
            snow.y             = -20;
            snow.vx            = -2 + 4 * Math.random();        // -2 ~ 2
            snow.vy            = 2 + 4 * Math.random();            // 2 ~ 6
            // 3. 화면에 붙이기
            this.addChild( snow );
            // 4. snow 이동시키기
            snow.startMove();       
        }
       
    } // class
} // package

package timo.widgets
{
    import flash.display.Loader;
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.events.MouseEvent;
    import flash.net.URLRequest;

    public class PhotoGallery extends Sprite
    {
        private  var  clip: PhotoGalleryClip     = new PhotoGalleryClip();
        private  var  loader: Loader                 = new Loader();
       
        public function PhotoGallery()
        {
            super();
            this.setLayout();
            this.addEvent();
            this.defaultSetting();   
        }
        private  function  setLayout(): void
        {
            this.addChild( this.clip );           
            this.clip.screen_mc.addChild( this.loader );
        }       
        private  function  addEvent(): void
        {   
            this.clip._btn0.addEventListener( MouseEvent.CLICK, onClick );       
            this.clip._btn1.addEventListener( MouseEvent.CLICK, onClick );
            this.clip._btn2.addEventListener( MouseEvent.CLICK, onClick );
            this.clip._btn3.addEventListener( MouseEvent.CLICK, onClick );
            this.clip._btn4.addEventListener( MouseEvent.CLICK, onClick );
        }               
        private  function  onClick( e: MouseEvent ): void
        {
            // 선택된 버튼 번호 :: 이름의 마지막 글자..
            var id: String =  e.currentTarget.name.substr( 4 );
            this.loader.contentLoaderInfo.addEventListener( Event.COMPLETE, onComplete );
            // 이미지 호출하기
            this.loader.load( new URLRequest( "./img/img" + id + ".jpg" ) );
        }       
        private function onComplete( e: Event ): void
        {
            // 이미지 도착하면  ( 410, 320 )에 맞추기
            this.loader.scaleX = this.loader.scaleY = 1;           
            // 가로로 강제로 맞추기
            this.loader.width     = 410;
            this.loader.scaleY     = this.loader.scaleX;
            // 가로로 강제로 맞추었는데, 세로가 더 길경우, 세로로 강제로 맞추기
            if( this.loader.height > 320 ){
                this.loader.height     = 320;
                this.loader.scaleX     = this.loader.scaleY;
            }
            // 중앙에 배치
            this.loader.x = ( 410 - this.loader.width ) / 2;
            this.loader.y = ( 320 - this.loader.height ) / 2;
        }
       
        private  function defaultSetting(): void
        {           
        }       
    } // class
} // package



// 저장방식 : euc-kr,   utf-8



// 플래시는 기본적으로 unicode ( utf-8 지원 )
// 만약 파일이 euc-kr로 저장되어 있으면, System.useCodePage = true;

// var  xml: XML = new XML( 문자열 );
// 동기식 예외처리 try catch

// fileIO 처리부분  :: 네트웍 따라.. 서버에 가 봤는데... 파일이 없어졌다..!!
//    -->> 비동기식 예외처리 ::: addEventListener( ErrorEvent로 체크... 

package
{
    import flash.display.Sprite;
   
    import timo.widgets.PhotoGallery;

    public class PhotoGalleryTest extends Sprite
    {
        public function PhotoGalleryTest()
        {
            super();
            var photo: PhotoGallery = new PhotoGallery();
           
            // photo.dataProvider = xml 데이터
             
            addChild( photo );
        }
       
    }
}

package
{
    import com.yahoo.webapis.weather.WeatherService;
    import com.yahoo.webapis.weather.events.WeatherResultEvent;
   
    import flash.display.Sprite;

    public class WeaterTest extends Sprite
    {
        public function WeaterTest()
        {
            super();

            //1.객체생성
            var weather:WeatherService=new WeatherService
            //2.데이터가 도착하면 할일
            weather.addEventListener(WeatherResultEvent.WEATHER_LOADED, onComplete);
            //3.데이터 호출
            weather.getWeather("KSXX0037","c");     // KSXX0037: 한국에 해당하는 지역코드 , C: 섭씨 온도
           
        }
        private function onComplete(e:WeatherResultEvent):void
        {
            trace(e.data);
        }
    }
}

package timo.net
{
    import flash.events.Event;
    import flash.events.EventDispatcher;
    import flash.net.URLLoader;
    import flash.net.URLRequest;
   
    import timo.events.XMLLoaderEvent;

    // XMLLoader는 XMLLoaderEvent와 연결되어 있다... 라는 것을... 정의해줘야.. 코드힌트에 나온다..
    [ Event( name="complete", type="timo.events.XMLLoaderEvent")]
    public class XMLLoader extends EventDispatcher
    {
        // has  a 관계 { 위임관계 }  URLLoader에게 기능을 위임한다. 
        private  var  urlLoader: URLLoader = new URLLoader();
        //EventDispatcher를 상속받았기때문에 생기는 괄호안에 있는 초기 내용은 지워준다.
        public function XMLLoader()
        {
            super();
        }       
        public  function  load( url: String ): void
        {
            urlLoader.addEventListener( Event.COMPLETE, onComplete );
            urlLoader.load( new URLRequest( url ) );
        }
        private function onComplete( e: Event ): void
        {

//여기까지는 아직 유알엘 로더에서 이야기 한것임  다음단계로

package timo.events
{
    import flash.events.Event;

    public class XMLLoaderEvent extends Event
    {
        // 이벤트 타입은 쉽게 읽어올수 있도록 상수로 저장해둔다...!!
        public static  const  COMPLETE: String = "complete";
       
       
        public  var  xml: XML;
       
        public function XMLLoaderEvent( xml: XML, type:String, bubbles:Boolean=false, cancelable:Boolean=false)
        {
            super(type, bubbles, cancelable);
            this.xml = xml; //위의 생성자(xml:XML)에서 저장한 데이터를 꺼내쓸 수 있도록 하는 것
        }
       
    }
}

package
{
    import flash.display.Sprite;
   
    import timo.events.XMLLoaderEvent;
    import timo.net.XMLLoader;

    public class XMLLoaderTest2 extends Sprite
    {
        public function XMLLoaderTest2()
        {
            super();
            // 1. 관리자
            var xmlLoader: XMLLoader = new XMLLoader();
            // 2. 데이터가 도착하면 할 일
            xmlLoader.addEventListener( XMLLoaderEvent.COMPLETE, onComplete );
            // 3. 호출
            xmlLoader.load( "./sample1.xml" );
           
        }
        private function  onComplete( e: XMLLoaderEvent ): void //XMLLoaderEven를 넘겼다.
        {
            trace( e.xml );
        }
       
    }
}




//이벤트는 정보와 같다..사건을 보도 받으면 사건발생장소 시간 등등 의 세부내용을 알려줘야 정확한전달이 가능
//e:Event 상태는 "정보 왔어요" 정도의 정보임 세탁다 되었어요 (손에는 세탁물없이 버튼만 )세탁물은 알아서 찾아가세요
//e.target 말하는이 e,currunttarget . 듣는이 

//이벤트에는 타입 자리밖에 없다.....다른 요소 들이 들어갈 자리가 없다. 그러므로
// 엑스엠을 쓰려면 이벤트를 엑스엠엘이 들어갈 공간이 있느 ㄴ곳으로 이벤트를 보내면 된다.
//쓰고있는 클라스 전용 이벤트를 만들어준다


//A(나 ) B(중간자)는  C가 가진 데이터를 엑스엠엘로 바꾼다음에 엑스엠엘로더 이벤트로 바꾼 후에 야후라는문자열을 붙여서
//나에게 전달한다.
//클래스.변수/함 static함수 혹은 변수

package timo.net
{
    import flash.events.Event;
    import flash.events.EventDispatcher;
    import flash.net.URLLoader;
    import flash.net.URLRequest;

    public class XMLLoader extends EventDispatcher
    {
       
        private var urlLoader:URLLoader=new URLLoader();
        public function XMLLoader()
        {
            super();
        }
        public function loade(url:String):void
        {
            urlLoader.addEventListener(Event.COMPLETE, onComplete);
            urlLoader.load(new URLRequest(url));
        }
        private function onComplete(e:Event):void
        {
            var evt:Event=new Event("yahoo");
            this.dispatchEvent(evt);
        }
       
       
    }
}

package
{
    import flash.display.Sprite;
    import flash.events.Event;
   
    import timo.net.XMLLoader;

    public class XMLLoaderTest1 extends Sprite
    {
        public function XMLLoaderTest1()
        {
            super();
            var xmlLoader:XMLLoader = new XMLLoader();
            xmlLoader.addEventListener("yahoo",onQQQ);
            xmlLoader.loade("./sample1.xml");
        }
        private function onQQQ(e:Event):void
        {
            trace("data 도착했다고 했죠")
        }
    }
}

<?xml   version="1.0"  encoding="utf-8" ?>
<main>
    _홍길동
    _강감찬
    _이순신
</main>

function  AAA()
     {
         trace( "aaa" )
         BBB();        
         trace( "bbb" );
     }
     function  BBB()
     {
         trace( "kkk" );
     }    
     AAA();

     aaa = 20;
     bbb = 80;
              
     bbb = aaa + 20;
     bbb = bbb + 40;
    

package
{
    import flash.display.Loader;
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.net.URLRequest;

[SWF( width="550", height="400", frameRate="36", backgroundColor="0xEEEEEE")]
    public class LoaderTest1 extends Sprite
    {
        private var loader:Loader=new Loader();
        public function LoaderTest1()
        {
            super();
            //1.이미지관리객체만들기
            //var loader:Loader=new Loader();
            //2.데이터가 도착하면 할일  loader.addEventListener가 아니라
            //loader.contentLoaderInfo.addEventListener 예외케이스이므로 무조건 암기
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
            //3.이미지호출
            loader.load(new URLRequest("./img/aaa.jpg"));
            //4.화면에 붙이기
           addChild(loader);
        }
        private function onComplete(e:Event):void
        {
        //이미지의 크기나 위치 등을 변경하려면 이미지가 도착한 이후에 해야한다...!!!!!!!!!
        //실제 이미지는  loader.contents로 도착한다 !!
        //loader.width=50;
        //loader.height=50;
        //절대로 로더안에 있는 컨텐츠를 다른 곳에 붙이지 않는다. 단 한번만 작동하고 다음 시도때는 작동하지 않는다.
        //this.addChild(loader.content);
        trace( "이미지 도착");
        }
    }
}

package
{
    import flash.display.Loader;
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.net.URLRequest;

[SWF( width="550", height="400", frameRate="36", backgroundColor="0xEEEEEE")]
    public class LoaderTest1 extends Sprite
    {
        private var loader:Loader=new Loader();
        public function LoaderTest1()
        {
            super();
            //1.이미지관리객체만들기
            //var loader:Loader=new Loader();
            //2.데이터가 도착하면 할일  loader.addEventListener가 아니라
            //loader.contentLoaderInfo.addEventListener 예외케이스이므로 무조건 암기
            loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
            //3.이미지호출
            loader.load(new URLRequest("./img/aaa.jpg"));
            //4.화면에 붙이기
            //addChild(loader); //이거 쓸 때 this.addChild(loader.content); 를 가려주고 실험하자 
        }
        private function onComplete(e:Event):void
        {
        //이미지의 크기나 위치 등을 변경하려면 이미지가 도착한 이후에 해야한다...!!!!!!!!!
        //실제 이미지는  loader.contents 안으로 도착한다 !!
        //loader.width=50;
        //loader.height=50;
        //절대로 로더안에 있는 컨텐츠를 다른 곳에 붙이지 않는다. 단 한번만 작동하고 다음 시도때는 작동하지 않는다.
        this.addChild(loader.content); //이것 쓸 때 위에 있는 addChild(loader)가려주자고 실험하자
        trace( "이미지 도착");
        }
    }
}

* 동기식 ( Synchronous ) VS 비동기식 ( Asynchronous )


    *** 동기식 : ( 싱크로너스 --> 싱크로나이징 ) :: 호흡을 맞춘다..보조를 맞추는 것 ::: >>> 기다려준다..!!
        {동기식 == 기다려주기 }
       
    *** 비동기식 : 기다리지 않기.. { 완전히 기다리지 않는건 아니다..-.- } 

     컴퓨터는 동기식 or 비동기식
    
     function  AAA()
     {
         trace( "aaa" );
        
         BBB();
        
         trace( "bbb" );
     }
    
     function  BBB()
     {
         trace( "kkk" );
     }
    
    
     AAA();
    
        
    
     aaa = 20;
     bbb = 80;
              
     bbb = aaa + 20;
     bbb = bbb + 40;
    
    
     - 컴퓨터는 동기식이다...!!
         앞에 있이 끝날때까지.. 기다린다...!!
        
        
     AJAX : Asynchronous Javascript And XML
      
    
    
     // **********************************************************
    
     ** 플래시도 기본적으로 동기식으로 동작한다...!!
     --> 외부와의 연동은 비동기식으로 동작한다....!!!!!!!!!!!!!!!!!!!!
         XML 가져오기,  이미지 가져오기
        
     ************************************************************//
    
     @ 비동기식 코딩방법
    
     // 1. 객체 생성
     // 2. 데이터가 도착하면 할일
     // 3. 데이터 호출
    
    
     외부 텍스트 불러오기
    
    
     var  urlLoader: URLLoader = new URLLoader();
     urlLoader.addEventListener( Event.COMPLETE, onComplete );
     urlLoader.load( new URLRequest( "./data.xml" ) );
         
     function   onComplete( e: Event ): void
     {
    
     }
    
     // 이미지 불러오기... Loader
    
     var loader: Loader = new Loader();    
     loader.addEventListener( Event.COMPLETE, onComplete );    
     loader.load( new URLRequeset( "./aaa.jpg" ) );
    
    
     *** Loader 클래스는 쓰기좀 힘들다...
    
     var  imgLoader: ImageLoader = new ImageLoader();    
     imgLoader.addEventListener( Event.COMPLETE, onComplete );    
     imgLoader.load( "./img/aaa.jpg" );
    
        
     addChild( imgLoader );
    
    
     ImageLoader 클래스는 무엇을 상속받을까?
    
         Loader의 기능이 필요한 경우
        
         1. Loader 상속을 받는다..      is  a 관계
        
         2. Loader를 하나 가진다..    has  a  ************
        
    
     // Event에는 공간이 type 자리 밖에 없다...
    
     var  xmlLoader: XMLLoader = new XMLLoader();    
     xmlLoader.addEventListener( "",  onComplete);    
     xmlLoader.load( "./aaa.xml" );
    
    
     function  onComplete( e:   ): void
     {
         trace( e.xml );
     }
    
    
    
    
    
     var urlLoader: URLLoader = new URLLoader();
     urlLoader.addEventListener( Event.COMPLETE, onComplete );
     urlLoader.load( new URLRequest(  ) );
    
     function onComplete( e: Event ): void
     {
         urlLoader.data
     }
    
    
     class  XMLLoader   extends  ???
     {
         private var urlLoader: URLLoader = new URLLoader();
    
         override  public function load( url: String ) : void
         {
        
         }
     }
    
    
    
     var aaa: AAA = new AAA();
    
     aaa.addEventListener( AAAEvent.aaa,  onComplete  );
    
    
    
    
     var  imgLoader: ImageLoader = new ImageLoader();
    
     imgLoader.addEventListener( ImageLoaderEvent.COMPLETE, onComplete );
    
     imgLoader.load( "./aaa.jpg" );
    
    
    
     function  onComplete( e: ImageLoaderEvent ): void
     {
         // 완료...
     }
    




====================
URLLoader:XML;

클래스 설계(제작): 쓰기 편하게 만드는 대표적인 예

*동기식 비동기식
동기식 (싱크로너스-->싱크로나이징)
싱크로나이징이란 보조를 맞추는 것 즉 호흡을 맞추는 것 :: 호흡을 잘 맞추려면 잘하는 사람이 기다려주는 것이 가장 중요하다.
동기식=기다려준다. (택시 편의점 거스름돈 금방끝날 것을 알고 다른 일 안하고 기다려준다 )

비동기식 :기다리지않기 (완전히 기다리지않는 것은 아니다.) 시켜놓고 내할일을 하다가 다 되면 바라본다.
(예..세탁소..세탁물을 맡기고 자기 할일을 하다가 세탁이 모두 되면 찾으러 간다 )

컴퓨터는 동기식일까 비동기실까?
동기식 이다 매우 빨리 돌아가기 때문에...
밑에 액션이 있더라도 이전것이 수행완료될때까지 기다린다.

웹은!!!!!
jsp 일때는 동기식
아이작스:  비동기식 (자바스크립스를 사용하고 엑스엠을 사용)

플레시도 기본적으로 동기식으로 동작
"외부와의 연동"은 비동기식으로 동작한다.
엑스엠엘 가져오기 이미지 가져오기 (네트웍을 탄다고 하면 모두 비동기식 )

1.0에서는 무비클립 로더를 이용했어야 했다.
function loadeMovie(파일명)
this.width=400
this.height=500

=======================================

!!!!!!비동기식 코딩방법 (아무리줄여도 3줄)

1.var 객체생성
2.데이터가 도착하면 할일
3.데이터 호출

외부텍스트 불러오기

var urlLoader:URLLoader=n

=================
로더 클래스 안에  컨텐츠라는 문이 있다.
컨텐츠로 제이피지 등이 들어온다.
로더는 이미지를담은 컨텐츠를 컨테이너로 담아온다.


===========
엑스엠일
var xml....
제정의 해야한다.
뉴 리퀘스트를 쓰지 않고(어려우니깐)스트링을 쓰려면 오버라이드를 펑션 앞에  써준다.

class XMLLoader extends URLloder

class XMLLoader extends ?????????
{
내용
}

오버라이드
접근제한자 바꿀 수 없다 매개변수 타입 개수 발수반환 타입 바꿀 수 없고 내용만 바꿀 수 있다.
그러므로 url:string 을 그대로 쓸 수 없다.