J さん 的碼戲世界

另一個使用 FlashDevelop 的開發流程是利用Flash 來建立資源(圖形、影片片段等)而用 Flex SDK 來編譯程式： 　1.使用 Flash 建立圖形及內嵌的資源（如字型、聲音） 　2.使用 Flash 發佈 SWC library 檔。 　3.將 SWC 加入到 FlashDevelop 專案。 　4.使用 FlashDevelop 結合 Flex SDK 編譯你的專案。 元件設計 　 　首先，假設你是扮演視覺設計師的角色。你要做的就是將 Flash 影片中要使用的元件設計好。然後，必須在各個需要供程式操作的元件中加入與該元件與該元件結合的類別。如下圖（特別注恴：fla 文件類別設定要留白，不要與任一個 Class 結合） 　並且在發佈設定的 Flash 頁籤勾選要匯出 SWC。然後，按下發佈按鈕。Flash 會將SWC 發佈到與 .swf 檔案同一目錄。將此一SWC 交給程式設計人員。 程式設計 1.建立一個 AS3 專案。(記得讓它自行產生目錄) 2.將 SWC 複製到專案的 lib 目錄下。然後，在 SWC 按右鍵勾選目 Add to Library。 3.開始在 Main.as 寫程式，使用 SWC 內的元件。(你不一定要將主程式命名為 Main.as ，如果是多個類別同時存在時，只要在進入點的 Class 按右鍵，選取 Always Compile 即可) package { import flash.display.MovieClip; import jason.test.Square; /** * @author Jason Chen */ public class Main extends MovieClip { public function Main():void { var sq:Square= new Square(); addChild(sq); sq.x = 100; sq.y = 100; sq.width = 50; sq.height = 50; } } } 4.如果你要該 swf 產生在不同目錄，或用不同名稱，你可以在 project-> Properties 設定其輸出檔案路徑名稱。 5.最後，在 FlashDevelop 使用 Project->test movie 測試其執行結果。 如此...

最近一直在找一個比較好用，而且免費的 flash 開發工具。最後，發現了 FlashDevelop。對我來講，比較可惜的是－它並不是 Eclipse 的 Plug-in，或者類似的開發環境，而必須另外再熟悉它。但是，它的確符合了免費好用的條件。以下就來介紹如何使用它。 一、下載 主網頁 http://www.flashdevelop.org/wikidocs/index.php?title=Main_Page 下載網頁 http://www.flashdevelop.org/community/viewforum.php?f=11 二、安裝 安裝之前，先需要安裝 Flash Player 9 ActiveX runtime；另外，如果使用 Flex SDK 作編譯，也需要安裝 JRE 1.6 以上，和 Flex SDK。它們的下載網頁分別在 JRE http://java.sun.com/javase/downloads/index.jsp ownloads/index.jsp Flex SDK http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3 (它只需要解壓即可) FlashDevelop 它的安裝相當簡單，基本上只需要執行下載後的執行檔，選取安裝路徑，其他幾乎都是下一步(next)接下一步就完成了。 三、設定 安裝完成後，有一些基本的設定要設（假設已安裝好 JRE ，並已解壓 Flex SDK）: a.先啟動 FlashDevelop b.設定 flex SDK 路徑：在選單上選取 Tools->Program settings(或直接按 F10)在以下畫面設定。 c.選擇 FlashViewer Plug in 同以上畫面選取 FlashViewer ->External player path。選取的路徑是你的 Flex SDK 安裝目錄之下的 [Flex_SDK_Install_Path]\runtimes\player\10\win\FlashPlayer.exe d.在選單上選取Tools->Flash Tools -> Documentation Generator ->Settings 如圖3 設定的路徑為 [Flex_SDK_Inst...

　ActionScript 3.0 針對影片片段及各種顯示物件的概念與 2.0 有截然不同。如果你寫過 ActionScript 2.0 請務必先忘了_root,_level0,_level1...和 getNextHighestDepth()這些東西。 　ActionScript 3.0 的顯示最上層是舞台(Stage)，然後是 文件類別的實體 ，往下是則可以顯示的顯示物件或者顯示物件容器，大致如圖一所示。顯示物件容器本身也是一種顯示物件，只不過它可以再包含其他的顯示物件在其中，而成為一個顯示物件列示(display list)；而單純的顯示物件就無法再含有其他物件。例如：Shape 是顯示物件，MoiveClip、Sprite 是顯示物件容器。 圖一 　任何顯示物都可以透過 stage 屬性來取得舞台物件。以下的程式範例：簡單說明如何使用顯示物件及顯示物件容器。 package jason.tutorial.actionscript { import flash.display.MovieClip; import flash.display.Sprite; import flash.display.Shape; /** * @author JASON */ public class Document extends MovieClip // 這是文件類別 { public function Document() //建構元 { // 建立一個名為 container 的顯示物件容器 // 自建一個 Container Class 且必須先和一個已存在的影片片段結合 var container:Container=new Container(); addChild(container); //容器加到主影片成為子物件 container.x=(container.stage.stageWidth-container.width)/2; //在舞台居中 container.y=(container.stage.stageHeight-container.height)/2; // 直接畫一個圓的形狀 var circle:Shape=new Shape(); container.addChild(circle); //加成容器的子物件 circle.graphics...

　Flash 元件庫中的元件可以與 ActionScript 的類別結合，用 ActionScript Class 的屬性和方法來控制產生元件所產生實體物件的行為。其具體做法是： 在偏好設定，指定 ActionScript Code 存放位置。參閱 http://richjason.blogspot.com/2009/07/actionscript-flash-movieclip.html 。 建立一個 *.as 的 ActionScript 類別檔案，在指定的目錄下。 在元件庫選取要與 ActionScript 類別結合的元件。 按下滑鼠右鍵選取元件屬性。 在連結的部份勾選〔匯出給ActionScript 使用〕，並輸入要與該元件結合的類別名稱。如圖所示。 　　該元件所產生的實體即與所指定的 class 結果，Class 的程式碼即可操作該影片的行為及屬性。

Flash 是目前網路上製作動畫最重要的工具，當 Flash 的影片片段與 ActionScript 的 Class 結合在一起之後，會讓物件導向的種種觀念更容易被理解。 　在 Flash CS3 以後，使用 ActionScript 3.0 更加強物件導向的概念。ActionScript 不僅可與影片片段結合，更可以與整個 fla 檔案(文件)作結合。當你將 class 與 flash 文件結合後，也就是說，你可以完全將 ActionScript 寫到外部的 *.as 類別檔中，幾乎不用將程式寫在 Flash 的影格內。文件載入後，就會自動執行該 Class 的建構功能(Constructor)，再去創造出各種所需要的元件。之後由此展開整個 Flash 影片中的各項功能。如此，將每一個元件(包含文件)都和一個外部的 *.as 結合，而在各個 class 中分別處理自己的屬性、方法、事件。我想這應該是比較好的 Flash 程式寫法吧！ 　要將 Class 與影片片段結合作法如下，首先你必須指定 ActionScript 程式碼要存放的路徑： 在選單上選取 編輯/偏好設定 ，再選 ActionScript/ActionScript 3.0 設定 按鈕。 利用 ＋－ 號按鈕來增減ActionScript 類別路徑。你可以設定相對路徑，或者絕對路徑。第三個準星的符號，就是給你選絕對路徑用的。 這樣設定完才能確保 Flash 知道到哪裏去找 ActionScript。 接下來先剛才指定的目錄中建立一個 AS 的 Class 檔。它的檔名和Class 名稱一致，副檔名為 .as。 在選單上選取 檔案/新增 ，再選 ActionScript 檔案 。 開啟空白檔案後，建立簡單一個類別(class)，程式如以下列表一，完成後存檔離開。 package cyberstar.test;$${$$ import flash.display.MovieClip;$$/**$$* @author JASON$$*/$$public class TestMain extends MovieClip$${$$public function TestMain()$${$$trace("start");$$}$$}$$} (列表一) 回到 fla 檔案，點選舞台上空白處，在文件...