跳到主要內容

AS2_go2_AS3

AS3.0已經上市好一陣子,國際上的許多好作品
都已改用AS3.0。
對大部份的設計師來說,AS3讓你們感到又害怕又想學
奶老師我把上課的教材,分享在blog,讓更多的人可以接觸AS3

概論
FLASH Player9 AS3.0是FLASH十年來,最大的一次改版,整個大躍進。
以前所學的AS2語法,到了AS3大部份已取消或是更改
核心架構全部重寫,效能上提升了許多,更有PV3D的加入,讓FLASH也擁有3d酷炫功能。
以前都是用movieClip打天下,什麼功能他都可以做到。
AS3把功能分開,需要用那部份的功能,就匯入該類別。
全部統一使用addEventListener的方法,以前的onRelease和addListener通通拿掉。
AS3在new一個可視物件時,並不會馬上出現在場景上,是會先在記憶體工作
當需要出現在場景上時,透過addChild的關鍵字加入。

AS2到AS3
AS1和AS2,在語法結構上差不多,AS1的語法和類別,一樣可以在AS2使用。
AS3把許多在AS2的類別取消掉,對初學者來學,一開始會辛苦一點,以前習慣用法,
通通不見。我們來概略的看一下。
可視物件屬性:
AS2:MovieClip屬性,都會有個底線開頭,如:mc._x,mc._y,mc._alpha
AS3:底線通通拿掉,直接用mc.x,mc.y來表示
alpha和scale:
AS2:100%值為:100
AS3:100%值為:1 , scale改成:scaleX和scaleY
_root和_parent:
AS2:_root永遠指的是最上一層的時間軸(不考慮_lockroot屬性和_level)。
AS3:root,就是該 SWF 檔案所呈現之顯示清單樹狀結構部分的最上層顯示物件。
程式碼:
AS2:可以寫在物件上或是時間軸上。
AS3:只能寫在時間軸上。
文字物件(動態文字):
AS2:可在動態文字,直接寫上變數。
AS3:取消,只能取實體名稱。
Library:
AS3已取消Identifier,新增Base Class

物件:
AS2:MovieClip打天下,什麼功能都用MovieClip來完成。
AS3:新增需多的類別,MovieClip是繼承最多的物件。

練習:在時間軸上,放置一個MovieClip,當按下該mc時,讓目前時間軸開始播放。

練習:在放置一個MovieClip,當該mc當被按下時,讓上一層的時間軸gotoAndPlay(2)。

留言

肯普 K E N P寫道…
多謝奶大的分享阿~


對as3的確是又愛又恨,有一頭栽進去深不見底的感覺ㄎㄎㄎ...



麻煩奶大持續發佈拉~~~~拜託拜託!!
豚豆寫道…
奶大您好,想請教一個as3 Timer的問題

以前在用as2...setInterval的時候,後可以帶參數...現在as3 的 timer要怎麼才能帶參數呢?

ex: setInterval( 1000, testFunc, 參數1,參數2,....)

感謝~
milkmidi寫道…
var inter:Number = setInterval(testFunc,1000,參數1);
function testFun(參數1){}
這樣
function在前,才接數字
你寫反了
豚豆寫道…
Orz...倒過來寫了~
那如果要換成as3的timer,有方法參數嗎?
milkmidi寫道…
把參數寫在物件上
就可以了
var a=3
var b=4
var time = new Timer();
類似這樣
然後time就可以呼叫a和b
BryanStyle寫道…
請問一下milkmidi老師!我用swf1載入swf2,要如何從swf1使用寫在swf2上面的function,反之又要如何從swf2使用寫在swf1上面的function?謝謝!

這個網誌中的熱門文章

超好用的無限免費網頁空間,無廣告,無流量限制

大家好,我是奶綠茶
今天來教大家如何申請一個無限免費速度又快的網頁空間
1 首先到 https://github.com/ 申請帳號(一直下一步,下一步,下一步)
2 到你的個人頁,切換上方的 tab 到 Repositories, 按下右鍵的 new

3 Repository name
一定要是這樣的格式 username.github.io
我的 github 網址是 github.com/milkmidi
那就要輸入 milkmidi.github.io
選擇 public, 這樣別人才看的到
private 有其他用途, 而且要付費才能使用
完成後按下 Create repository


5 安裝 SourceTree
github 並不支援 FTP 或是網頁上傳,一定要透過指令碼
在這我們選用有圖型介面的軟體,方便大家學習
https://www.sourcetreeapp.com/
下載並安裝
啟動後登入你的 github 帳號

6 clone 你的 github io 專案
右上角有個 Clone or download 點選後
複製 https 連結(不要選到 ssh )


7 將 https 的連結貼到 SourceTree



8 上傳 html
到本機 github.io 資料夾,放一個 index.html
切換到 SourceTree, 這時會看到 Unstaged files 的欄位
選擇 Stage All


9 git 要求每次的 Commit, 都一定要打說明文字(好習慣)
輸入完成後,按下右邊的 Commit


10 發佈(Push),這樣就完成啦
可以到你的 http://milkmidi.github.io/ 去查看檔案有沒有出來


其他
Commit 可以想像是做一個記錄,你可以很多的 Commit
最後再一次 Push 上去
github 原本是給程式設計師用的版本控管服務
免費版提供無限空間讓你放檔案,但一定要是 public
想要有私有的 Project ,就只能付費
github.io 只能放靜態檔案,php, aspx 服務並不支援。
祝大家學習愉快

轉載請註明出處

奶綠的 github.io Source Code

Android完全入門篇-01 安裝SDK與裝置USBDriver

大家好,我是奶綠茶
筆者以 Windows 系統來介紹安裝
1. 下載 Android SDK
http://developer.android.com/sdk/index.html
有分 32 位元和 64 位元的版本
為了教學方便,筆者將檔案放置在 D:\ 下
壓開後會有
eclipse資料夾:Eclipse程式碼編譯器
sdk:Android 開發用的 SDK
SDK Manager.exe:sdk管理用的軟體


2. 開啟手機的"開發人員選項"
部份手機該選項被隱藏起來了
要開啟的話,點選"關於手機"
接著連點"版本號碼"七次,就會重新開啟該功能
接著再開啟"USB偵錯"功能
接上你的 USB 線後
這樣你的電腦才能透過 USB 線來偵錯手機的資訊
3. 為裝置安裝 adb usb driver
因為各家廠牌的 Driver 都不同也不通用,所以需要自行 Google 找 Driver
可以用"XXX廠牌 型號 adb usb driver"關鍵字來找
例:HTC Newone adb usb driver
接著找到 我的電腦 / 內容


裝置管理員

會看到一個金嘆號未知的裝置, 按右鍵更新驅動程式軟體

選擇"瀏覽電腦上的驅動程式軟體"

完成後就會看到裝置啟動,並出現 XXX Android ADB Interface

4.測試是否連接成功
進入到第一步下載的 sdk 資料夾裡
D:\adt-bundle-windows-x86_64-20131030\sdk
然後在 platform-tools 資料夾上按住 Shift 鍵,然後再按滑鼠右鍵
選擇"在此處開啟命令視窗"
(此功能只有 Win7 之後的版本才支援, XP使用者就要自行輸入 dos 指令進入到資料夾)
輸入 adb devices
如果看到一串數字,並顯示 device 就表示連線成功
5.新增環境變數(選擇性設定)
為了方便的使用 adb 指令
可以為 windows 設定變數
開啟我的電腦 / 內容 / 左邊的"進階系統設定"
點選下方 環境變數

下方系統變數,找到 Path的選項,按下編輯

在變數值欄位的最後方加入
;D:\adt-b…

前端攻城屍自動化教學 1 (入門軟體篇, 使用 prepros)

大家好,我是奶綠茶
寫程式的最高原則,就是要"懶"
"懶"指的是 "雜事交由電腦幫你完成"
你就可以專心在程式面上
比如說:
uglifyjs JS 自動幫你把 JS 壓成一行
自動幫你轉 sass/ scss
程式碼一存檔,html 就自動 reload
如果這些事還要手動處理就真的麻煩了

新手可以直接使用現成的軟體
https://prepros.io/
這是一套永久免費的軟體(如果覺的好用也支持一下作者)
免費版和正式版的功能都一樣,差在免費版三不五時會貼心的提醒你要不要付費

1. 下載軟體, 支援 PC(不支援 XP ) 和 Mac
2. 安裝, 一直下一步下一步下一步
3. 啟動軟體



4. 把你的專案資料夾拉進 prepros

5. 點選你的 js 檔
可以看到有五個選項
Auto Compile:當你存檔時是否要自動編譯,當然是要打勾呀。
SourceMaps:產生 sourcemap 檔,通常會搭配下方的 UglifyJS。
Uglify JS:幫你把 js 壓縮成一行。
Convert ES6 to ES5:將 ES6 的語法自動轉成 ES6。
Mangle Variables:將非全域變數的名字打亂。
筆者通常都是全勾。



6. 點選你的 css 檔
AutoCompile:是否存檔自動編譯
AutoPrefixCSS:自動加入 css3的 -web-kit 等前綴字。
SourceMaps:產生 sourceMap檔。
CompressCSS:將 css 壓縮成一行
Enable Cssnext:這個我還沒認真研究


7. 點選你的 html,接下右鍵
可以看到一個 Live Preview This File
按下後會啟動一個 localhost 的網頁,之後只要有修改 js, css ,都會自動 reload

8. 加掛 Proxy
live reload 預設只能跑 html, 如果想要執行 php 或是 asp.net 的話
可以在設定裡面開啟 Live Preview Custom Server

9. 其他
Prepros 也整合了 FTP ,可以讓你方便的直接上傳檔案

轉載請註明出處
SourceCodeDownload