2011年8月29日 星期一

ColorPicker等..的練習




import fl.events.SliderEvent;
import fl.video.VideoEvent;
import fl.video.FLVPlayback;
import fl.controls.ColorPicker;
import fl.events.ColorPickerEvent;
(放了一堆也不知道哪些才是真正會用到的XD)






































Slider組件的實體名稱.addEventListener(SliderEvent.CHANGE,AAAAA);
function  AAAAA(e:SliderEvent):void
{
}
ColorPicker實體名稱.addEventListener(ColorPickerEvent.CHANGE,changeMe);
function changeMe(e:ColorPickerEvent):void
{
 
}




 



2011年8月28日 星期日

滑鼠追蹤的練習











http://yiying.ueuo.com/practice3.html
跟著滑鼠的物件是一個影片片段flo_mc
flo_mc影片片段元件點進去後有兩個圖層,兩個圖層都只有一個影格
圖層二
不斷循環放大的圓圈圈(是影片片段)
圖層一
定位的圖案

場景一actionscript圖層:
var SLOW:Number=4;
function Trace(e:Event):void{
       
        flo_mc.x+=(stage.mouseX-flo_mc.x)/SLOW;
        flo_mc.y+=(stage.mouseY-flo_mc.y)/SLOW;
       
        }
stage.addEventListener(Event.ENTER_FRAME,Trace);

  • 變數SLOW型別是數字,(SLOW是作用力)
  • 定義函數Trace這一段,希望他以一定的速度追著滑鼠跑
  • (stage.mouseX-flo_mc.x)/SLOW-->(場景的滑鼠X座標 – flo_me元件的X座標)/SLOW
  • stage.addEventListener(Event.ENTER_FRAME,Trace); -->  場景監聽Trace 
牛頓減速公式
物件座標 += (終點-起點)/作用力
這個看一下google大神吧~ XD


    2011年8月27日 星期六

    畫筆練習



















    http://yiying.ueuo.com/drawAdvance.swf
    這是失敗版...怎麼個失敗呢? 埃 不太會用布林
    也不會用Silder組件
    恩... 這裡拜之內想出辦法的


    2011年8月24日 星期三

    Flash隨機出現牌的練習

    這是上禮拜Dofi上的內容`上禮拜是上數學物件Math  他的類別有.random.  .abs .sqrt...等等
    應用Math.random()
    trace(Math,random( ) );                
                          方法                          
    ex:想要有一個介於0~100之前的隨機數值,就要寫Math.random()*100;


    上課的練習只有一場景,三個圖層
    圖層1: 寫入as用
    圖層2: 原本是拿來放牌面的不過最後刪掉了,因為改成匯出給as使用,類別命名:Dice,所以就必須把場景上的牌面拿掉,不然就是..會錯誤呀~
    圖層3 : 放一個btn  ,實體名稱btnStart
    (牌面的是影片片段元件 ,匯出給as使用,類別Dice, 牌面的這個影片片段內容有三個圖層,一個是bg,放牌底的背景, 一個圖層是畫點數的,一到六點,共六個關鍵影格,第三個圖層as,請在第一秒關鍵影格下 stop();   )

    結果as:
    trace(Math.random());

    btnStart.addEventListener(MouseEvent.CLICK,showNum);

    function showNum(e:MouseEvent){
        var num:Number;
        var dice:Dice;
        dice= new Dice();
        dice.x=200;
        dice.y=200;
        addChild(dice);
       
        num=Math.random()*6;
        num=Math.round(num)+1;
        trace(num);
        dice.gotoAndStop(num);
    }







    2011年8月21日 星期日

    Flash小網站練習(楠梓)













    更改後 以as改變跑馬燈方向:
    http://yiying.ueuo.com/nzindex_5run.html
    練習檔:  http://yiying.ueuo.com/nzindex_test3.html 
    暑假練習檔目錄http://yiying.ueuo.com/flwork.html(沒辦法進去多重新整理)
    今天只看了工具書的其中一章,是要做跑馬燈的 其實是早上看太多連續劇也心虛了....
    然後再去找不錯的flash網站來推測是怎麼做的
    其實我想要學的是這個網站 http://www.retec-duplex.co.jp/
    我還沒錯完,欸...因為....很多地方還沒想到是怎麼做的...也做不出來,有點煩躁....
    埃,總是在僅剩的記憶體跟隨身碟容量爭取flash不要當機的可能...結果還是當了兩三次
    真是太可悲了。 (倒地)
    不過,今天力氣已經耗盡,眼睛也痠到不行
    猜了又猜猜了又猜.....
    然後元件總是一層一層又一層的往下接...
    接到都忘記我實體命名是甚麼了
    cool~ 待續完成 ....

    以as改變跑馬燈方向
    第一次用的是移動補間動畫
    第二次改為僅有兩個影格
    第一個影格 設定變數   if條件式  說明跑馬燈的y軸如果大於...else ..y小於
    不過我也沒接好XDDD看不太懂書再寫甚麼...
    由於第一個影格有用到speed
    所以要再改影格
    第二個影格gotoAndPlay(1);

    end

    2011年8月20日 星期六

    Flash小網站練習(個人網站)













    http://yiying.ueuo.com/newindex.swf
    (進不去重新整理,免費空間,多多包容~有時候跑的出來,有時候跑不出來.....)
    http://yiying.ueuo.com/flwork.html(目錄)
    這次是照flash工具書的範例方法來試試,書本上是做美食網站,不過我沒有美食的照片..而且swf的互相連結出了一點問題(埃..倒地)
    最後只好用在同一個swf然後分在不同場景

    作品頁的部分是想要練習一下loader_mc 載入圖片
    後面的contact跟blog分別是練習一個連到email一個連到網站,方法_blank
    做預載圖片要先下Loader類別實體
    ver  pic1 : Loader= new Loader(); 
    pic1.load(new URLRequest("__圖片路徑_")) ;
    //door.btn(門環按鈕的實體名稱)
    door.btn.addEventListener(MouseEvent.CLICK,load1);
    function load1(e:MouseEvent):void 
    {
         loader_mc.addChild(pic1);
    }
    以此類推。

    btn連結到網頁或email比想像中簡單很多耶
    1.選btn
    2.key as 或 打開程式碼片段 -->動作-->點兩下前往網頁,把路徑改掉,神奇的事就是這麼發生的~

    var URL 變數名稱 : URLRequest = new URLRequest("要連去的網址")
    navigateToURL(URL的變數,"顯示方式" );
    顯示方式有_blank  很多啦... 我都用_blank (以開新視窗顯示連結的網頁)

    接下來是選單列的練習跟照片跑馬燈
    眼睛痠...

    2011年8月17日 星期三

    note:flash物件導向

    action script是物件導向,只能寫在影格。
    同一份文件as3不能跟as2共用。 
    物件就是object,物件導向程式設計:Object Oriented Programming (OOP)
    物件有三種類別: 屬性.方法.事件。
    (比方說 物件是咖哩飯, 屬性:顏色 大中小碗   方法:怎麼煮)
    (比方說 Movieclip類別有rotation .  x. width . alpha等屬性)
    物件在程式裡都是單獨的物件。

    類別
    在flash可以自訂物件,  但是最好先知道那些物件有甚麼屬性方法可以搭配。
    將物件的方法跟屬性全部包起來定義叫做類別,相關的類別結合起來叫套件。
    比方說...每個樓都有一袋垃圾,廚房有廚房的垃圾,房間有房間的垃圾,這些垃圾統一放在垃圾紙車裡, 垃圾車就是套件,裡面包含了來自不同樓層的垃圾。
    套件有一層一層的感覺,比方說套件裡面還有子套件,子套件還有子套件。
    垃圾車裡面有每一袋垃圾,每一袋垃圾還有小袋的垃圾,小袋的垃圾還有...
    所以要使用套件之前要先引入套件,輸入import

    自訂類別

    packgae 套件名{
    特質 class 類別名 
        {
          屬性
          建構函式
          方法   
         }
    }
    example:
    package
    {
    import flash.display.Movieclip;
    public class win extends MovieClip <--類別名稱
        {
         publice function win()
         {
          trace("hi i'mwin"); 
         } 
         }

    • 類別的特質:public(常見).internal(這是預設值). final.dynamic
                       
           public所有任何的套件的類別都可以用
                             internal 預設值
                             final  不可以被繼承,就是不能被擴充
                             dynamic(常見的有Movieclip. Array ....)
                             類別的第一個字母要大寫 
    • 屬性就是變數
                              特質 var 變數名稱 : 變數型別 ;
    建立物件的方式
    要使用物件的時候,要給物件一個記憶體空間才能使用
    clock= new Date();
    透過new呼叫Date的建構函式建立Date類別  存放在clock
    但是,! 常值可以不要用new來建立物件
    常值就是數字~字串那些。


    自訂函式有兩種方法
    最近學的自訂函式好像...都要跟偵聽器一起出現XD
     如果在函式裡面有宣告變數,只有在執行的時後才會產生,執行完就沒有了喲
    function 函式名稱
    {
     敘述式(函式內容) 
     }








     自訂完之後還要輸出才看的到,因為前面只是很簡單的製造一個函數,可以還沒說要使用他~

     :void ==>無回傳值

    元件實體名稱

    元件就那三種,記得為他命名實體名稱就好。

    將原件匯出給as使用
    addChlid(XXX );
    常看不懂的as:
    addChild (XXX )  把甚麼丟到舞台,不對,這樣講太不專業,就是把指定的物件放到場景啦~
    this 指物件本身







    2011年8月15日 星期一

    首頁預載動畫練習













    haha~很久沒有做這個loading預載動畫了
    上一次學是大二開的flash課,然後反正那時後也 聽不懂
    後來想一下聽不懂根本沒差因為那時後是用as2.0上課...= =
    總之做預載動畫要再主頁之前多增加兩個場景,另外場景要重新命名
    三個場景,愛叫甚麼都無所謂XD 記得住就好

    loading場景
    entermovie場景
    main 場景
    我分這三個,不過場景是照順序走的,所以場景的順序還是別搞亂
    loading場景要注意的是顯示KB跟%的動態文字及實體命名,內嵌字體設定
    還要兩個函式,一個檔案還在下載要執行的,另一個下載好了之後要執行的,不一樣的
    發現沒想像中的難。cool!
    參考flash的工具書以及TQC+第四類也有這種考題。

    2011年8月14日 星期日

    讀書心得

    我最近買了一本古監真彥寫的Flash actionscript3.0設計的躍動力。
    欸..有點不太便宜的書,而且還要稍微懂一點點as再看會比較好,不過也是值得啦
    原作的網站也有不錯的範本

    雖然現在只看了兩個小章節,算是看的很慢...但是...有些地方就是一直重複看才會理解,
    而且也不需要開電腦實做,重點還是要看懂... 想一想我都沒看懂開電腦也沒意義 。
    總之,這本書的範例跟解說都還不錯,非常偏向以物理法則的觀念,其實也不需要算數學。真是好險...

    2011年8月11日 星期四

    場景換來換去



















    http://yiying.ueuo.com/me_OK.html (連來連去的結果)
    哇咧,終於到換場景名稱的地方了(累癱)
    書裡面寫的那個改場景的地方完全找不到....
    然後我像個笨蛋一樣一直下gotoAndPlay(1,"場景二");
    埃我就知道根本沒有場景二這種東西阿~ 
    明明是很簡單的問題可以找超久,好想挖洞跳進去。

    場景沒有原件一樣可以直接gotoAndPlay到別的場景
    有元件就要用addEvent....那個 CLICK事件

    2011年8月10日 星期三

    TQC project 101



    藍色小i圈圈拿掉日期圖案去任務資訊-->進階-->越快越好
    乎 天那 為了拿掉這個找好久 像瘋子一樣
    好像把FS.FF那些搞懂就差不多了
    project還不錯,做企畫書可以用到。

    2011年8月8日 星期一

    Note: CSS




















    Cascading style sheet                                                                                                                          
    叫做..串接樣式表,簡稱CSS,定義html的外觀,像人買衣服一樣,總要裝飾。
    cascading..有人跟我說這事瀑布的意思,總之是把很多個已設定好的樣式串接在一起
    css是由規則rule組成的:
        由   選擇器  和   宣告 組成
               selector        declaration
                                     宣告又分屬性(property)跟(value)

    選擇器的用途是指定規則要套用的對象 有 (1)類別(.)  (2) ID(#)  (3)標籤(tag)

    寫在哪裡? 
    恩....只有三種選擇,
    (A) 存成外部檔案 檔名是 XXX.css
    (B)寫在自己的.html檔案,放在head裡面(不是body裡面)
    (C)直接在html插入 ..

    div 跟span區塊標籤
    div區塊本身具有換行的功能
    span沒有換行功能
    ......通常div常拿來設定一大段落的區塊,span拿來設定單行的小區塊
    div V.S float 
     如果阿,在畫面建了兩個div,但是,div本身具有換行的功能...所以 如果希望兩個div並排顯示,就要使用float 



















    div=一個箱子的想像圖








    2011年8月6日 星期六

    Flash-按鈕然後滑鼠移過去有東西














    http://yiying.ueuo.com/flwork.html
    http://yiying.ueuo.com/tccdwood3(dontmove).html (實作連結)
    今天原本想說要...欸..試試看場景一按一個按鈕,然後可以跳到場景二之類的,就是跳來跳去..
    不過最後也還沒弄出來
    只大慨 熟悉了 一下按鈕 ...
    這個有去範本來看看,不過as的部分都拿掉了 ,看不懂啦..... 





    2011年8月4日 星期四

    PHP與表單結合

    (上週note)
    第四章-PHP與表單結合
    練習總共建立4個php檔案
    form_post.php
    form_get.php
    post_php
    get.php

    form_post.php 送出動作給post.php
    因此送出之後post.php收的到使用者在form_post.php送出的資料

    同理,form_get.php送出動做給get.php
    因此送出之後get.php收的到使用者在form_get.php送出的資料

    (!)容易出錯的地方就是在dw編輯form_post.php跟form_get.php底下屬性的地方,form#form1標籤屬性,動作.方法及編碼類型:
    form_post.php
    ==> 動作: post.php (將送出後的資料送到post.php頁面)
    ==> 方法: POST
    ==> 編碼類型: multipart/form-data

    form_get.php
    ==> 動作: get.php (get.php頁面)
    ==> 方法: GET
    ==> 編碼類型: multipart/form-data

    而送出之後post.php跟get.php既然做的事情都是一樣的(呈現表單送出的資料)
    唯一的不同請注意點送出資料後的post.php跟get.php的URL列
    post.php送出之後結果: http://localhost/post.php
    get.php送出之後結果: http://localhost/get.php?name=&grade=%E5%9C%8B%E5%B0%8F&id=&tel=&addr=&memo=etyeuhy&button=%E9%80%81%E5%87%BA

    一個(get.php)會顯示出欄位內容在URL列
    應該算...有好有壞吧= =

    待續....


    0808
    GET的好壞: 
    get的傳送方式是在網址後加上參數,但是..網址是有長度限制的
    所以只能傳送比較短的資料
    不能用再使用者登入,不然資料被看光光
    雖然跟POST比起來,POST不會把資料顯示在URL列上,但是這並不表示POST很安全



    2011年8月3日 星期三

    碼錶+Date+時鐘


    實作應用(超連結http://yiying.ueuo.com/clickpract0803.html)
    結合今天上課內容跟加了一個組件(component)的scrollPane練習
    scrollPane我是看youtube學來的,
    超連結www.youtube.com/watch?feature=player_embedded&v=VdCyb5NDfrI

    今天上課內容http://www.youtube.com/playlist?list=PL38E2517584CE29B8

    今天dofi老師上的是...Date
    date蠻重要的...今天上的這個突然讓我想到TQC+的題目原來就這樣... 埃
    只是遇到餘數(%)的地方容易忽略,真是要小心。 餘數這個用法比較常用在需要週期的東西。
    new Date() 表示從電腦裡取得時間(current time),再回傳Date資料類型的數值,至於想看到甚麼類型,要指定。類別也就時.分.秒.等等。
    秒數.分鐘.小時的處理。

    今天上課的as:
    (A)電子時鐘部分
    需要三個動態文字: (實體名稱分別為txtH txtM txtS)
    兩個圖層 (1)一個放三個動態文字 (2)一個寫actionscript用
    兩圖層時間軸皆24秒
    actionscript那個圖層第一秒跟最後一秒皆為關鍵影格,且最好為空心的關鍵影格...
    語法部分:
    第1秒關鍵影格



    第24秒關鍵影格



    我的一大步是as的一小步.....


    Note:javaScript-第一堂


    1.觀察環境,javascript在client端執行
    2.放在哪? head標籤裡面 ,因為只屬於要描述的內容,不是網頁顯示的內容,不得下在body標籤裡頭
    3.大小有別,成雙成對特性

    4.程式區塊:


    5.
    document是物件
    write是方法
    .是連貫用的(似php的. 將兩段資料連接起來)
    (ps.document是顯示的內容,不是檔案的內容)
    6.

    7.流程判斷式上課實做:
    題目: >90分 顯示"優秀"
    >60<90 顯示"普通"
    <60 顯示"劣等"
    >100 或 <0 顯示"格式錯誤"











    Vue multiselect set autofocus and tinymce set autofocus

    要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...