Skip to main content

Posts

[AS3] Embedding font's glyphs from SWF files

進入到 AS3 世界後,越來越多畫面是由 Script、Components、XML Model 與 CSS stylesheet 組成,embeded fonts 變成動態文字應用很重要的一環。 要在Flash or Flex 中 Embed fonts 有相當多的作法,光官方的 Help 就有幾種寫法: Flex 3 live doc: Embedding fonts from SWF files Using embedded fonts Flash : Embedding fonts google 上還有一堆... embed 英文字型檔是很簡單的,但是遇到中文字就會是一場惡夢...要使畫面好看,撇除 embed 整包中文字型,轉而打包特定使用到的中文字來供全部畫面使用,作法是由 Embedding fonts from SWF files 參考而來。 以下方法不管 Flex or Flash CS3都適用,至少可以省下相當的檔案大小... 打開 Flash CS3,開新 AS3 檔案, 使用工具箱建立一個動態文字框到畫面上。選擇需要 embed 的中文字型,點選 文字物件的屬性面板上的 『embed』: 跟 Flash 8 作法一樣將要 embed 的中文字打在『Include these characters』的輸入框內: 到這邊跟官方的作法都一樣,唯一輸出的差別是如果要供ActionScript project 使用的話需要將做好的動態文字框按滑鼠右鍵『covert to Symbol』: 如果是用 Flash CS3 製作專案,留在 Library 就可以了。而 Flex的ActionScript Project 需要發佈 SWF 到你所在的路徑然後: [Embed(source='customedFonts.swf', symbol='customedFonts')] public static const myFonts:Class; //其實修飾子看個人使用 Flex MXML project: (如同官方說明) <mx:Style> @font-face { /*將文字崁入*/ src:url("customedFonts.sw...

[Flex] Resizable Window Layout

最近研究起『使用者經驗』特別對非固定式 layout 有濃厚的興趣,雖然這類的教學已經被大家寫到爛了,在這邊還是與大家分享一下在 Flex 中實作網頁上 Resizable Swf Window Layout 的 很簡單作法... <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="*" frameRate="30" horizontalScrollPolicy="off" verticalScrollPolicy="off" layout="absolute" width="400" height="430"> <mx:Script> <![CDATA[ import flash.external.ExternalInterface; private function updateStageSize() : void { width = testWin.width; height = testWin.height; //Call 網頁上的 javascript 做 resize ExternalInterface.call("doResize", width, height); } ]]> </mx:Script> <mx:Resize id="stageResize" duration="600"/> <mx:TabNavigator id="testWin" resizeToContent="true" resizeEffect ="stageResize" resize="callLater(up...

[AIR] Using Badger for Adobe AIR applications

The application was created by Grant Skinner for Adobe Systems, Inc. 剛開始一般開發者要分享 AIR app 都是直接留個連結提供下載,對使用者而言無形中增加許多麻煩... 如 Adobe® AIR™ runtime 沒有安裝... air 程式安裝檔被 Mac OSX rename 成 .air.zip 等等... 在AIR beta版時 Adobe Lab推出由 Grant Skinner 製作的 AIR install badge 提供一個 AIR app 共同介面的線上安裝接口。當使用者點選網頁上客制的 AIR install badge, 程式自動判斷使用者電腦有無缺少 Adobe® AIR™ runtime 或是直接出現程式安裝畫面,聽起來是很完美...不過客製化部分完全是手工製作...對開發者無形中也增加許多麻煩(本人就懶得使用了...ORZ ) 直到 AIR 正式版現身, Grant Skinner 又推出了 AIR install badges application "Badger" ,此程式當然是由 Flex 製作的 AIR app,原文連結 : Using Badger for Adobe AIR applications Badger 將一切客製 AIR install badge 流程圖像化了,對超級懶人的我簡直是大愛~~ 以下的範例就是由 Badger 製作:( 真的是很簡單喔!反而是多花了一些時間搞懂如何放到 Blogger 上...) Jam's Mp3 Player v1- AIR1.0 Please upgrade your Flash Player This is the content that would be shown if the user does not have Flash Player 6.0.65 or higher installed.

[AIR] 蕭可愛第三發:Jam's mp3 player

其實這個 Mp3 player 到發表前已經改過很多版本,最後一次修改原因是七月底到資訊展閒晃,很神奇的被說服買了人生的第一台 Macbook pro,經過了兩三天 Mac OS 的文化衝擊,深深的覺得蘋果的 UE( user experience) 不是玩假的。說實話我的下一台電腦應該還是會繼續買 Mac(希望台灣蘋果能便宜點...= =)。體驗到 Mac OS的直覺操作,手上斷斷續續寫很久也不知道在寫什麼的 Mp3 player 半成品毅然決然的打掉重做,使用工具從 Flash 改為 Flex 來開發。 由於 Erin 超超超超喜歡 蕭敬騰 的歌聲,想當然爾還是以他為主題發表了(滿足小小歌迷的一點心願) 。這個 Mp3 player 最大的特點便是簡單使用,簡化一切功能,沒有儲存功能,沒有複雜的設定,就是方便使用者一開啟程式只需要將想聽的 Mp3 直接拖拉到視窗內即可自動循環播放,不想要的檔案直接拖曳 List 項目到程式視窗外即可刪除。伸縮視窗的概念是由某國外 AIR 發表會所展示的 Fun with Abode AIR ,當初看到這段影片是先模仿寫出類似的 Flv player (但未發表) ,才將相同的模式複製到這個 mp3 player。 Jam's mp3 player v1.0 This is a FREEWARE that base on Adobe® AIR™ Runtime 使用的圖像版權屬影像所有人華納國際音樂股份有限公司、喜鵲娛樂有限公司所有 **如果圖像使用有任何問題請聯絡我** 線上下載安裝: Please upgrade your Flash Player This is the content that would be shown if the user does not have Flash Player 6.0.65 or higher installed. 如果上面步驟無法安裝請確認您有安裝好以下軟體: This application requires the following be installed: Adobe® AIR™ Runtime Jam's Mp3 Player 操作說明: 可拖曳與播放的檔案格式為:.mp3 .png .jpg .gif(僅呈...

[已尋回] 黃金/公/無結紮/一歲半/約27kgs

這個是我朋友的狗...(謎之聲..難道最近流行狗狗自己離家出走嗎?) 黃金獵犬(卡吠)、男生、1歲半、未結紮, 8/11中午遺失,約27公斤, 有拿零食時會坐下、握手、give me five、趴下,個性非常親人 特徵:舌前端有舌斑,頭頂有翹起的毛(如圖片) 遺失的地點是苗栗縣後龍鎮與通霄鎮的交界處,大約在"白沙屯"這個村莊附近,以道路來說的話,是台一線後龍路段和西濱公路的交界處(全台灣只有這個地方台一線和西濱公路有交界) 謝謝!! 失主非常擔心...希望卡吠跟Latte一樣幸運可以早點回家...> EDIT 08/25/2008 恭喜卡吠平安回家了!! 開心吶!!

[543] Latte終於回家了!!

今天早上快七點的時候突然接到一通電話, 電話的主人說明昨天他女友在網路上看到我所post的協尋文章, 非常肯定的說他養的多多是我的Latte,因為太多符合的地方。 對方語畢,原本還睡眼惺忪的我就完全醒了, 換好衣服就找早起的老爸一同前往。 到了好心人陳先生的住所, Latte看到我的那一瞬間又傻了,然後狂叫要開門, 真的是Latte!!> 剛迷路就被好心人撿到,沒有流浪到! 而且好心人陳先生與他女友都有好好照顧 Latte (他真的運氣太好啦!) 陳先生與陳先生的女朋友真的非常的謝謝你們!!謝謝謝謝!> Latte一回到家,就一臉很恍神的感覺, 我到現在還沒有什麼真實感,感覺這一個月是一場夢, Latte的感覺也是吧!> 寫的亂七八糟,因為實在太開心了!!> 感謝這一個多月網路遇到的好心人很熱心的幫忙, 也再次感謝陳先生與陳先生的女朋友, 謝謝大家!!謝謝謝謝!>

[已尋回] 拉不拉多/公/已結紮/約35-37kg

拿鐵 Latte, 黃白色拉不拉多,快要五歲,約37kg 公, 已結紮! 無晶片,無項圈,腳可能有受傷(因為看監視錄影帶有發現被卡車A) 四隻腳膝蓋有黑毛(因為太喜歡躺在多水的地方,洗不掉),鼻子是紅的,尾巴不會翹到捲高高,坐姿常常會歪一邊,會握手(但是常忘記),叫他坐下常常會趴下... 友善,很白痴,叫他名字會有反應,很愛找水跟冰涼的地方, 喜歡多人的地方,也會主動跑到別人家中, 6/13日早上5點多的時候在蘆洲的尼加拉瓜公園附近走失... 最後問到被看到的地方是早上6:30時在仁華街與仁愛街交叉口那邊, 找了到現在無所獲,請拜託住在三重蘆洲的網友,如果有看到請聯絡我!