Ticore's Blog

UnityScript 語言特性測試

2011-12-19T13:55:00.002+08:00

Ticore's Blog 前一陣子開始稍微測試 Unity3D 的程式語法可以同時使用 C#, Javascript (UnityScript), Boo Script 三種語言開發官方推薦的語言是 Javascript，所以先從它開始測試雖然它也叫做 Javascript，但是跟你想的 Javascript 絕對不一樣稱作 UnityScript 還比較合適測試之後，發現有很多的問題與特殊語法以下做個筆記一般來說 UnityScript 特性如下： UnityScript 沒有 undefined，只有 null，未定義字串變數為 null UnityScript 不支援 function arguments UnityScript 不支援 prototype 原型鍊 UnityScript 不支援 literal regular expression

Flex Mobile View Test

2011-12-09T00:26:00.001+08:00

Ticore's Blog 看到網路上有人問 Flex Mobile View 的問題基於以前開發 Flex App 經驗順便測試一下 Flex Mobile View 設計概念與 Desktop App 很不一樣可以參考這篇文章介紹 Understanding Flex Mobile View and ViewNavigator 以及官方規格文件 Hero View & ViewNavigator - Functional and Design Specification 以下簡單例子 ViewNavigatorApplication 包含三個子 View - FirstView, SecondView, ThirdView 全部都共享一份 Data，直接使用 ObjectProxy 來做這樣可以很容易利用 Data Binding Data 內存放三個主要資料 txt1

Flex SDK Security Update

2011-12-02T17:58:00.001+08:00

Ticore's Blog 昨天突然看到 Flex SDK 居然大幅度發布安全性更新不是都要捐給 Apache 了嗎? 從 3.0.0 一路到 4.5.1 全部都有更新而最新的 4.6 則不受影響，可以參考以下文章 Security update available for Adobe Flex SDK (APSB11-25) Flex Security Issue APSB11-25 只要版號後面加上 A 的都是安全更新過的，e.g. Flex 4.5.1.21328A 另外 Adobe 也提供了補救工具 APSB11_25_Patch_Tool.air 可以直接對既有的 SWF 進行偵測並修復詳細使用請參考上面連結說明很好奇動作這麼大，到底是什麼樣的漏洞? 根據文件說明找了原始碼 mx.modules.ModuleManager.as 內的 inner

根除 FB 4.5 預設的 Workspace

2011-11-28T10:27:00.001+08:00

Ticore's Blog 使用 Flash Builder 時，第一次啟動都會在 User Folder 下建立預設 workspace e.g. C:\Users\Ticore\Adobe Flash Builder 4.5 以前的版本，只要切換到自己的 worksapce 之後，砍掉預設的即可可是 FB 4.5 行為改變了，預設 workspace 不能砍掉就算砍掉，每次啟動自動重建，而且關於 workspaces 歷史紀錄與相關設定也會存放在那看了覺得很討厭，於是想辦法根除 FB 4.5 預設 worksapce Flash Builder 是基於 Eclipse 改出來的，可以搜尋 Eclipse 相關的設定 The Eclipse runtime options 發現 FB 4.5 內的 config.ini 決定預設 workspace 與

Hack Swiffy Runtime

2011-11-23T00:37:00.001+08:00

Ticore's Blog 由於 Google Swiffy 還不斷在修改，也沒有正式文件很多 API 功能需要自行測試才會知道是否能用雖然有支援基本 trace 功能，但是訊息都會變成一般字串輸出到 debug console 沒辦法像 JS or HTMLElement 物件那樣可以直接在 console 展開觀察屬性另外，目前也不支援 ExternalInterface, fscommand 也不能讀取外部資料可是明明都已經被轉成 JS 卻不能與 Swiffy runtime 外面 js 溝通取得 window, document，感覺這樣很笨不過呢！測試著 function 時，突然發現以下的 AS 寫法在轉換為 Swiffy 後，居然能取得 JS Window 物件！ function getDomWindow():Object{ return (

測試 Google Swiffy 轉換工具

2011-11-22T10:25:00.001+08:00

Ticore's Blog 最近 Google 推出了 Swiffy Extension 可以將 Flash SWF 檔案轉換為 HTML5/JS 版本只要是 Flash CS4 以上都可以安裝目前最新版本為 Swiffy 3.6.1 轉換功能目前已經支援大部分 ActionScript 1.0, 2.0 語法一般按鈕事件、Clip 事件都已經支援了影格聲音只支援 Event Sound 只能跑一次，無法 Loop 文字欄位只支援靜態文字，不能用程式改變內容，也不能輸入動畫部分沒仔細測試，不過看起來一般 Flash 5 動畫都能正常轉換了實際拿十年前做的一些小東西來轉轉看滑鼠拖尾效果 HTML5 版 : Flash 版以高速左右移動模擬物件 blur fade out 效果 HTML5 版 : Flash 版簡單的 CAI

解決 Mp3 循環音效停頓的問題

2011-11-19T10:15:00.001+08:00

Ticore's Blog 最近在處理 Mp3 Loop 音效時，發現不管怎樣拿到的檔案播放起來總是會有一個停頓因為這個 Loop 很短，撥放越快停頓就越明顯上網查了一下資料，原來幾乎所有的 Mp3 Encoder 都會在前面加上一點點的空白 gap in mp3 loops, how to avoid it ? Seamless looping MP3 sound (or silent gap glitch)? Andre Michelle - Playback MP3-Loop (gapless) 繞道方式很簡單，不要用 Mp3 改用 Wave 匯入到 Flash 做就好了或者用 AS 去掉前面的空白另外，網路上也有人提供小工具，能夠將 Wave 轉成 Mp3 且不會產生空白 Gapless looping MP3 tracks

AS3 可任意調整速度的聲音撥放器

2011-11-17T21:22:00.001+08:00

Ticore's Blog 因為需要製作遊戲內轉動聲音效果，可是轉動速度是會變化的假如只是拿一般音效直接撥放，聽起來會很假對不起來於是想到 AS3 已經有支援 Audio Programming 功能網路上已經有不少分享的例子與介紹 ByteArray.org - Rendering spectrums with Sound.extract kelvinluck.com - First steps with flash 10 audio programming kelvinluck.com - Second steps with Flash 10 audio programming Sonoport - Dynamic AS3 Sound Component Library for Flash and Flex milkmidi Blog - AS3 Scratch

自訂 Flex 滑鼠游標實體

2011-11-04T10:10:00.002+08:00

Ticore's Blog 遇到一個問題是，想要自訂 Flex App 的 Cursor 可是又要能存取 Cursor 實體以便做其他的動態控制可是 Flex CursorManager 基本上是不允許這樣做的只能以 Class 方式設定 Cursor，也無法存取到目前 Cursor 實體網路上有人提過解決方式 Jesse Warden - Making a Cooler Cursor in Flex 可是他是藉由 Hack CursorManager 方式做到實際用 Flex 4.5 測試，發現只要將編譯模式從 Merged into code 改為 RSL 這個方法就失效了，只好自行另外想辦法觀察 StyleManager 實作，發現 Cursor 實體是放在 systemManager.cursorChildren > cursorHolder 內

Flex App 直接引用外部 Module 的問題

2011-11-02T18:17:00.000+08:00

Ticore's Blog 最近同事遇到一個 Flex 問題，只要 Module 內放了其它組件執行就會出現各種奇怪 Error 後來發現是因為在 Main Application 直接引用編譯到 Module Class 然後又企圖用 ModuleLoader 再載入一次相同的 Module SWF 當然這樣做是錯誤的範例，Flash Builder 也會給予警告 Warning: Mod is a module or application that is directly referenced. This will cause Mod and all of its dependencies to be linked in with MainApp. Using an interface is the recommended practice to avoid

AS3 Cross Join Function

2011-11-01T10:53:00.003+08:00

Ticore's Blog 昨天想要用各種不同條件測試 Flash AS3 的畫線用過 graphics.lineStyle 應該知道參數很多種但總不可能把各種條件組合通通打出來測試就算用一般 Loop 方式，也要寫到四~五層 Loop 於是想要寫一個類似 SQL Cross Join 的 function 可以傳入不定數量的資料，將所有排列組合結果找出來一開始寫時候，大約用了十來行不斷改進之後，程式碼比想像中少很多而且連一個區域變數都沒宣告用了三層 Loop 完成以下便是 AS3 Cross Join 公用函式： package com.ticore.utils { /** * 排列組合公用函式，可以對傳入的二維參數陣列 * 找出各種組合，並將結果陣列回傳 * * @param args 任意數量的二維參數陣列 * @param

MovieClip as Spark Skin

2011-10-29T19:38:00.002+08:00

Ticore's Blog 自從 Flex 開發專案升級到 4.5 Spark Component 後新的 Advanced State Syntax, Skinning 功能增加不少彈性，很多簡單的圖形也不一定需要用 Flash 做直接用幾個 MXML Graphics 標籤就能完成但是有些情況，還是用到 Flash 做比較方便譬如 Shape Tween 之類的這時候該如何將 Flash MovieClip 與 Flex Spark Skin 整合在一起呢? 目前想到最方便的做法仍是利用 UIMovieClip 如同上次介紹的方式 Flash Stateful MovieClip 拉好時間軸動畫，下好 Frame Label 接下來輸出 SWF，然後用以下方式嵌入到 Spark Skin MXML <?xml version="1.0"

RobotLegs Module 開發上的問題

2011-10-20T12:09:00.001+08:00

Ticore's Blog 最近開始使用 RobotLegs，覺得還蠻好用的，可以少寫很多程式碼雖然有一些效能上的問題，但可以透過自己管理創建/銷毀時機方式避開當想要把它用在 Flex Module 開發時，又遇到了一些問題找不到任何良好的 RobotLegs Modular 開發範例雖然有人寫了 Modular Utilities，且有提供範例 ModularDoodads 但是坦白說，寫的很糟糕 Module 與主程式綁在一起，無法拆成獨立外部檔案又有人基於 Modular Utilities 寫了另一個範例 DynModules 終於將 Module 拆成外部檔案了不過仔細一看，原來它 Hard Code 硬將 Module 載入到 ApplicationDomain.currentDomain 表示 Module 永遠無法卸載，又是另一個骯髒的範例

SecureSWF 與外部模組的陷阱

2011-10-19T14:27:00.001+08:00

Ticore's Blog 使用 SecureSWF 做包含外部模組的專案時，遇到混淆過頭導致外部 SWF 模組無法正常執行的問題當然基本的共用類別需要必須先排除在外可是還是無法正常執行測試簡化問題之後，發生條件如下主程式 SWF 包含一共享父類別定義該類別宣告了 protected getter/setter member 且型別是一個 interface 外部子 SWF 模組繼承此共享父類別當兩個 SWF 混淆過之後 (排除共享父類別) 外部子 SWF 模組載入後，嘗試存取 super protected member 會得到 ReferenceError: Error #1065: 變數 default::foo 未定義。以下是測試原始碼： Main.as package { import com.ticore.obfu.SupClass;

Flash Player 11 Array Bug

2011-10-12T20:15:00.001+08:00

Ticore's Blog 最近 Flash Player 11 正式版發表不久網友 Vincent 留言發現空 Array 的 splice 操作會出現問題測試程式如下 package { import flash.display.Sprite; import flash.system.Capabilities; import flash.text.TextField; [SWF(width="300", height="200")] public class FL11ArrayIssue extends Sprite { public function FL11ArrayIssue() { trace(Capabilities.version, Capabilities.playerType); var ary:Array

AS3 String Trim

2011-09-27T21:21:00.001+08:00

Ticore's Blog 臨時需要用到 String Trim 功能，上網找了一下最好用的方式還是 Regular Expression，還蠻多版本的但是實際測試之後發現大多都有一些小問題 http://jeffchannell.com/ActionScript-3/as3-trim.html http://snipplr.com/view/34129/ http://hi.baidu.com/%F1%B2%BF%F1%CE%C3%D7%D3/blog/item/8e5488b5d672f7c837d3ca6b.html http://stackoverflow.com/questions/2909950/trimming-strings-with-actionscript-3 實際測試程式如下： var s:String = " \r　\n \t 1\t2 3 \

Flash Player 10.2, 10.3 TextField 中文字體問題

2011-09-24T18:31:00.002+08:00

Ticore's Blog 我是 Ticore，論壇上看有人問 Flash CS5.5 用 AS3 建立的 TextField 無法動態設置中文字體實際測試之後，發現並不是 Flash IDE 的問題而是 Flash Player 10.2, 10.3 且當 swf version 為 11, 12 時，TextField 用中文名稱設定字型失效測試程式碼如下： package { import flash.display.Sprite; import flash.text.TextField; import flash.text.TextFormat; [SWF(width="300", height="200")] public class Main extends Sprite { public function Main() { var

改善微軟正黑體無 Clear Type 下表現

2011-09-22T10:14:00.001+08:00

Ticore's Blog 看到阿拉丁在 FB 上提到，網頁字形指定為微軟正黑體假如客戶電腦上又沒有打開 ClearType 功能時文字會變得很難看，而唯一解法只有偵測 ClearType 是否打開否則不要使用微軟正黑體想到之前測試 CSS3 text-shadow 功能或許會有幫助實際測試之後，發現果然改善不少以下是測試 HTML 原始碼： <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>微軟正黑體 w/o ClearType</title> <style type="text/css"> body { font-size: 1em; } .style1 { color: #000; font-family: 微軟正黑體; } .style2 { color: #000;

Flash 抽色效果濾鏡

2011-09-18T18:06:00.001+08:00

Ticore's Blog 我是 Ticore，這次要分享的是用 Pixel Bender 做出來的抽色濾鏡效果可以依據指定的色彩，調整點陣圖的色彩飽和度色彩相差越遠的飽和度越低效果看起來就會像是把特定色彩抽出來了一樣直接從 RGB 數值去思考會覺得非常難做其實只要把 RGB 轉為 HSV 色彩模式便簡單許多拿到 Hue 值之後，便能拿來與設定主色色彩做比較差越遠的，就把飽和度調得越低以下便是我自製的 Partial Color Shader 原始碼： <languageVersion : 1.0;> kernel PartialColor < namespace : "PartialColor"; vendor : "Ticore Shih"; version : 1; description : "only keep

Spark 多重欄位排序的 DataGrid

2011-09-14T10:04:00.001+08:00

Ticore's Blog Flex 4.5 Spark 雖然提供了 DataGrid 可是它沒有像 mx:AdvancedDataGrid 那樣支援多 Column 排序功能看到 Adobe Cookbooks - How do I perform a multicolumn sort in a Spark DataGrid? 有人提供，可是那幾乎是寫死在組件外部不能讓 User 自己選擇排序欄位所以我想辦法繼承 Spark DataGrid，複寫 columnHeaderGroup_clickHandler 函式當 User 在 Column Header 同時按下 Ctrl + Mouse Left Click 時提供多重 Column 排序的功能 MultiColSortableDataGrid.as package { import

巢狀遮罩造成 Flash Player 死機的 Bug

2011-09-05T22:29:00.003+08:00

Ticore's Blog 我是 Ticore，已經好久沒有貼 Flash Player Crash Bug 了今天突然又發現一個會造成 Flash Player 死機的問題幾乎發生在所有 Flash Player 9, 10, 11 主要版本上本來想回報到 Adobe Bug System 的結果它把 Flash Player Project 關閉不讓我回報了所以只好貼在 Blog 上後來找到了是要在這裡回報 Flash Player 言歸正傳，這是關於巢狀遮罩的 Bug 由於一個 AS3 Mask 物件不能同時用在多個對象上所以突發奇想，將主要 Mask 物件嵌套多層 Sprite 不同層的 Sprite 不就能夠用在多個對象上了嗎? 結果當然是失敗了，而且造成 Flash Player Crash 掉以下是簡單的測試程式： package {

Flex Compiler 編譯參數嵌入外部資源技巧

2011-08-28T11:37:00.003+08:00

Ticore's Blog 大家好，我是 Ticore，這次來介紹關於 Flex Compiler 編譯參數與嵌入外部資源的技巧看到有人問 Embed source 是否能使用變數一般人直覺的反應大概都是不可能，因為 Embed 是編譯期就決定了但是對於編譯期的變數呢? 測試之後發現是可行的 Flex Compiler - mxmlc 有支援定義變數的功能最常見的是用來條件式編譯除錯 Stupid Flex MXMLC Compiler Tricks Part 1: Conditional Compiling 除了 Boolean 之外，它也是可以用來定義字串的並且能夠指定到 Embed source 上以下是完整的測試範例： package { import flash.display.Sprite;

Flash Stateful MovieClip

2011-08-23T12:22:00.010+08:00

Ticore's Blog 一般需要製作 Flash 按鈕，最簡單的做法便是 SimpleButton 當需要增加 disabled 狀態或是漸變動畫效果時大概又會改用 MovieClip 製作，在時間軸上加上漸變動畫與額外的狀態並且添加自訂的影格控制程式雖然 Flash 的時間軸功能很自由，可是隨著狀態與漸變越來越多程式也會變得越來越複雜且難以管理這時候突然想到之前在 Flex 相關書上看到的 UIMovieClip 時間軸功能沒有碰過 Flex Skin 開發的人可能沒聽過 UIMovieClip 它主要是 Flash Flex 整合開發的橋接組件讓開發者在 Flash 以時間軸繪圖方式製作，然後直接能夠拿到 Flex 內當作組件或是 Skin 使用為什麼會提到這個，主要是因為它提供了超彈性的狀態轉換與時間軸播放的功能

如何更新 Flash CS5.5 內建除錯 Player

2011-08-06T09:55:00.017+08:00

Ticore's Blog 最近一年來 Flash Player 改版速度變快光是 10 Major Version，就出了 10.1, 10.2, 10.3 三種 Minor Version 而且還有新增少量的 API 倘若習慣用 Flash IDE Test Movie 方式測試開發新 API 程式官方又沒發更新檔案的話，就會遇到問題了相較之下，Flash Builder 開發就沒有這種問題它完全是用獨立版或是外掛版 Flash Player 來除錯可以自行更新安裝我找了一下 Google，國外雖然有人遇到這樣問題只知道 Flash IDE 除錯播放器是這個檔案 C:\Program Files (x86)\Adobe\Adobe Flash CS5.5\Common\Configuration\

Flex 4.5 Spark RichEditableText maxChars 與輸入法問題

2011-07-31T00:12:00.018+08:00

Ticore's Blog 當在 TextInput, TextArea 等文字組件設定 maxChars 最大字數屬性使用中文輸入法打了數個字到文字佇列上，超過最大限制字數然後用 Ctrl + Space 切換輸入法或是按下 Enter 方式輸入文字結果會發現其它 Binding 到 text 屬性的目標無法取得正確的 text 字串之後再利用按鈕事件 trace 組件的 text 屬性也是取到錯誤的字串資料來回 trace 好多程式碼位置之後，發現問題主要是出在 RichEditableText 組件上不過由於問題原因非常複雜，所以要分成很多段落先解釋一些 TLF 與文字組件運作方式為什麼要花這麼大力氣找原因? 除了解決問題之外，主要還想要了解一下 TLF 文字引擎的運作方式令我最驚訝的是，輸入法待選文字佇列功能，居然是 TLF 內建，完全用 AS3