擴擴咱 2.0

練習了官方的 Flash Catalyst Beta 教學

noreply@blogger.com (擴擴咱) — Thu, 23 Jul 2009 06:14:00 +0000

因為想了解Flash Catalyst，所以拿了官方所提供的教學資源 Learn to Use Flash Catalyst @ Adobe Labs 來看，一邊看還一邊做了無聊的個人筆記。這些官方資源看完後發現裡面列的link太多重複內容了，其實只要看我列出的最前面兩篇，也就是Lee Brimelow的教學就可以了。<---本篇唯一重點練習結果：小小心得：(1) 覺得把互動設計的流程獨立出來不只是有幫助，對開發流程來說更是一大創新，個人覺得這種創新是有實際幫助的，而不只是口號 ( 了解Flash Catalyst )。也許近幾年還不太可能，可是未來FC這種軟體更為完善的時候，很有可能會有真正的"純互動設計師"這樣的工作出現。(無法驗證^^"，只是種感想) (2) FC拉出來的檔案size都超大，雖然code看起來很簡潔。 (3)...

[...]

修改TileList元件的ScrollBar位置

noreply@blogger.com (擴擴咱) — Tue, 14 Jul 2009 02:01:00 +0000

開始使用Flex開發不久，就遇到了一個不簡單的設計，就是設計師設計了一個把ScrollBar從預設的右邊移到左邊去的TileList，本以為這應該很常見，搜尋了一下竟找不到現成的改法，索性只好自己新手駕駛了。 TileList是繼承自ListBase的，而ListBase裡面可以找到verticalScrollBar和horizontalScrollBar這兩個唯一跟scrollbar有關的class property，改變這兩個物件的位置的時候，發現就可以移動scrollbar的位置了，就這麼簡單阿(?)。下面是修改後的code，簡單說明：新建的自訂元件LeftScrollBarTileList繼承自TileList，在複寫updateDisplayList方法的地方，判斷verticalScrollBar是否有被產生出來，有的話，就把它拉到最左邊，也就是verticalScrollBar.x = 0。 LeftScrollBarTileList.as /* Copyright (c) 2009 blog.mediakid.org. All Rights Reserved....

[...]

申請延長Flash Builder 4 beta的測試時間

noreply@blogger.com (擴擴咱) — Sun, 12 Jul 2009 09:39:00 +0000

Flash Builder 4 beta才試用沒幾次就過了試用期了，不過還好Adobe也有提供合法的延長時間的申請。申請方法就是先到一個非常熟析的地方，拿出你那非常多才多藝的Flex Buidler 3序號填入申請表格，並填一些很簡單資料就可以了。熟析地方的位址： Adobe® Flash™ Builder 4 Beta Extension Request (又是freeriatools！) 填完表格之後很快就會收到申請信了。不過其實各位也不用勞駕去申請了，因為我發現每個申請人拿到的序號都是同一組： 1377-4009-6596-2357-9400-4885 所以就請直接取用吧。這麼說Flash Builder 4 beta幾乎就是可以無限期試用的，真是越來越欣賞Adobe式的睜一隻眼閉一隻眼了。這次的測試時間可以多久我不知道，目前還沒裝上去。updated:...

[...]

Before you thinking in Flex, you step in Flex first

noreply@blogger.com (擴擴咱) — Tue, 30 Jun 2009 01:26:00 +0000

原來Thinking in Java的作者Bruce Eckel大師有出Flex的書：First Steps in Flex (不叫Think in Flex喔～)，這不是一本大部頭書，全書只有140頁，與Adobe evangelist for Flex : James Ward 一起合著的。兩位作者希望以最簡潔的方式向初學者介紹Flex，從網頁資料裡面看起來，我覺得這本書更像是為了他們辦的活動所寫的講義。書本的網站上可以取得第一、二章試閱 PDF。這對大多數Flasher / Flexer而言這應該不是什麼"新"聞了，但小弟我最近才發現這件事覺得很驚喜，所以就來湊個熱鬧。而且我覺得這本書來的真是好，講再多Flex多強多標準，也比不上跟別人說"Java大師Bruce Eckel大師也有出Flex書"來得有用。

[...]

收到Adobe寄來的免費AS 3 and Flex API 海報

noreply@blogger.com (擴擴咱) — Fri, 03 Apr 2009 02:45:00 +0000

就在大前天收到一個閃很大的神秘禮物，就是Adobe寄來的免費AS3 和 Flex 海報。用裝海報的紙筒寄來的，寄件地址是美國加州，也就是Adobe總部的所在州。打開紙筒以後從裡面拿出厚厚一疊的海報，包括一張AS3 class diagram (Flash Player 9，詳細版本沒仔細研究)，兩張Flex Framework Core API 、一張 Flex Additional Component API、一張Flex Advanced Component API。另外還有一個好料是Lynda.com 的DM，上面有一個月免費線上訓練課程的啟用序號。收到的資料裡面還有一張5元美金的運費收據，但我完全沒印象當時有付任何的運費。記得是在三月初的時候，本來只是要找之前在Flex.org看到的海報pdf檔，但pdf的連結不見了，取而代之的是官方的網站 ActionScript 3 and Flex API posters ，上面說用正版Flex...

[...]

發現Ping.fm支援Blogger有1 Bug + 4 缺點

noreply@blogger.com (擴擴咱) — Sun, 08 Mar 2009 02:38:00 +0000

玩了一陣子從Ping.fm發文到Blogger的功能以後，發現Ping.fm支援Blogger的問題還真不少，有一大Bug + 4大缺點，使得Ping.fm支援Blogger的這個美意變得有一些雞肋。來紀錄一下然後丟給官方看看會不會有什麼反應。 1 Bug ( stops you from posting msgs to Blogger ) Situation: 如果Blogger的"設定(settings)" --> "意見(comments)" --> "上一頁連結(back links)" --> 為"顯示(show)"，則Ping.fm輸出到Blogger的訊息就不會出現。隨便搜尋一下發現很少有人反應這個Bug，以為是中文版才有的問題，可是把Blogger版本改成英文版以後，測試結果也是一樣。( It stops you from posting msgs to Blogger if you follow this setting : settings --> comments -->...

[...]

PureMVC學習筆記：初識

noreply@blogger.com (擴擴咱) — Tue, 17 Feb 2009 03:46:00 +0000

紀錄一下目前所認識的PureMVC，最近看到蠻多前輩寫關於PureMVC的學習心得，但我寫的最沒啥重點，我只是把自己有興趣的部分紀錄一下而已，內容絕對很貧乏，開始！... PureMVC是一套免費且open source的framework，架構於MVC設計模式之上，PureMVC最主要的目標是幫助開發人員在開發應用程式時(尤其具有User Interface的程式)，將程式的Model(資料), View(介面) , Controller(控制)三端耦合度降低，耦合度降低以後的好處有：使reuse可能性提高、易於維護、易於協同合作等。PureMVC 一開始以AS3語言實作，後來官方將這個framework陸續移植到多種語言平台上，如：Java, C#, JavaScript, PHP...甚至還有最近很熱門的Objective C和Ruby。PureMVC裡面引入了很多經典、標準的設計模式(Design Pattern)，從文件的隻字片語裡看到有被採用的pattern包括：Observer, Facade, Command, Proxy, Factory, Adaptor ,...

[...]

Code formatter plugin for Flex Builder

noreply@blogger.com (擴擴咱) — Wed, 28 Jan 2009 16:11:00 +0000

推 7Yue 大的文章-- Flex代码格式化插件裡介紹的屌貨：Flex Formatter ，這是可以在Flex Builder或Eclipse裡面自動排列(格式化)程式碼的外掛。安裝方式 (1) 下載.jar 檔 (2) 丟到Flex Builder 的plugin資料夾 (or "dropins" dir if you are using Eclipse 3.4 or greater) (3) 重新啟動Flex Builder (如果沒有出現，就在開啟捷徑的"目標"最後面加上-clean) (4) 安裝完畢，工具列上就會出現兩個新的formatter按鈕了「Format Flex Code」可依全部格式(ex: 字的間隔、if格式等等)重新format，「Indent Flex Code」只改變行的位置，而不更動其他的格式。

[...]

在Flex Builder裡用純ActionScript開發AIR專案的方法

noreply@blogger.com (擴擴咱) — Wed, 28 Jan 2009 01:39:00 +0000

預設狀態下，想在Flex Builder 3裡頭開發AIR的話，只能透過建立Flex專案(Project)的方式來建立AIR專案，也就是說，在建立Flex 專案時會有開發成AIR的選項可以選(Desktop Application)，可是在純ActionScript專案中沒有這種選項時該怎麼建立能夠開發AIR專案的環境呢？可以參考前人的這個作法，是個簡單又有趣的hack。作法如下： (1) 建立 Flex Project (2) 選擇 Desktop Application (runs in Adobe AIR) (3) 按"下一步" (4) 再次"下一步"，來到最後一個畫面 (5) 把最下面倒數第二行main application file欄位的副檔名，由.mxml 改成 .as 這樣子就可以開始用ActionScript Code開發AIR了。

[...]

CES 2009展出採用FlashLite技術的Vizio Connected HDTV

noreply@blogger.com (擴擴咱) — Thu, 22 Jan 2009 09:10:00 +0000

這是在CES 2009中展出的液晶電視Vizio Connected HDTV，它內建802.11n Wi-Fi，能夠使用以FlashLite技術開發的Yahoo! TV Widget，也因為有Flash Platform串流影片技術的支援，讓這台電視可以收看線上內容供應商與服務商所提供的VOD影音和服務，內容供應商包括：Amazon Video on Demand 、Blockbuster OnDemand 、Flickr 、Netflix 等等等。這台電視似乎是蠻受歡迎的，在我看到的幾則 CES 2009 Top10相關的文章中，這個創新產品跟 ASUS Eee Keyboard 一樣常被媒體選為Top前十名。Vizio Connected HDTV採用的技術組合應該就是Intel 的晶片CE 3100 + FlashLite，更多技術平台內容可以參考我的前post： Intel和Adobe合作把Flash移植到新視聽裝置晶片上 More Information: VIZIO 官方新聞 Vizio...

[...]

PC平台的Crayon Physics Deluxe (updated)

noreply@blogger.com (擴擴咱) — Sun, 18 Jan 2009 03:42:00 +0000

上週(1/10)收到通知說Crayon Physics Deluxe 在PC平台上開賣。上圖是我的"無俚頭之其實球滾不過去"小作。 Crayon Physics Deluxe is now available for the PC at http://www.crayonphysics.com/ The full version of the game costs 19.95$ and there's a free demo that you can download. Crayon Physics Deluxe is a 2D physics puzzle / sandbox game, in which you get to experience what it would be like if your drawings would be magically transformed into real physical objects. Solve puzzles with your artistic vision and creative use...

[...]

Adobe AIR team的團隊開發成員數?

noreply@blogger.com (擴擴咱) — Thu, 15 Jan 2009 05:20:00 +0000

在AIR的官方blog上看到一個新聞是 Popular Science visits Adobe AIR team ，這篇新聞是說Adobe AIR在2009年一月獲頒Popular Science的Best of What's New in 2008 獎項，我算一算文章裡面提到的工作人員數目...分佈在San Francisco, San Jose, California, Romania, India等地的開發成員總共有 65 個高手。會去算人數，不是對專案和人數多少之間的關係有什麼概念或特殊見解，只是很膚淺的想知道開發這麼大型、創新的平台需要多少高手。AIR是一個相對大的一個平台，相關的技術領域很多( API, M$ platform, Linux platform, Mac platform, HTML, AJAX, Mobile platform...等等小弟未知領域)，如果這65個人就是全部的開發人員的話，分一分以後負責每個子領域的開發成員數好像也不是很多，只能說這些人真的太厲害了。

[...]

AdvancED ActionScript 3.0 Animation

noreply@blogger.com (擴擴咱) — Fri, 09 Jan 2009 03:38:00 +0000

Keith Peters 先生又出新書 (2008/12/29)了：AdvancED ActionScript 3.0 Animation ，噗～這本書的上一本都還沒看幾章呢。搜尋國內的書局發現已經可以買得到了，比如: 博客來外文館 (打79折 NT$1106)、天瓏資訊圖書 (NT$1224)。主題部分，這次的主題更是超級有趣的呢： In this book, you'll learn how to:Leverage Flash 10 3D, the new drawing API commands, and Pixel Bender Create isometric worlds for games Construct powerful artificial intelligence routines including pathfinding, steering, and flocking behaviors Use numerical integration for real world physics...

[...]

Qt Creator與Qt 4.5皆推進到Beta版

noreply@blogger.com (擴擴咱) — Wed, 07 Jan 2009 05:12:00 +0000

Qt Creator與Qt 4.5兩者的Beta版都在2008/12/18發佈了耶，下載位址： Qt Creator Beta可以由Beta - Qt Creator - Lightweight IDE 取得 Qt 4.5 Beta在Beta - Qt 4.5 取得在Two new Qt Creator videos are out這篇文章裡面有影片介紹 Qt Creator的快速鍵，發現有一個垂直選取的功能很屌，這是我第一次看到的。看完的結果發現諸多快速鍵裡面只有"Ctrl+/"(註解) 跟Eclipse是一樣的，也就是說其他快速鍵都是不一樣的，根據之前好幾個 IDE輪流用的經驗，太多套一啟用挺容易會快速鍵錯亂的。相關訊息： Two new Qt Creator videos are out via Qt Labs Blog Qt Creator beta released! via Qt Labs Blog 简讯: Qt 4.5 Beta、Qt Creator Beta 及 KDE 4.2...

[...]

Intel和Adobe合作把Flash移植到新視聽裝置晶片上

noreply@blogger.com (擴擴咱) — Tue, 06 Jan 2009 02:21:00 +0000

訊息來源：Intel and Adobe offer chicken in every pot (err… Flash on every HDTV) Adobe and Intel’s press release today says that they are working on a Flash port for Intel’s latest Camore platform. The CE3100 platform is a X86 based SoC targetted towards consumer market. More specifically the chip targets Set-top bix, digital TV, blue ray DVD and retail connected A/V devices. The chip offers high definition decoder to facilitate decoding. With this port, the OEMs will be able to purchase Flash Lite...

[...]

The 25-Line ActionScript Contest

noreply@blogger.com (擴擴咱) — Mon, 05 Jan 2009 02:55:00 +0000

2008年12月初出來的比賽 The 25-Line ActionScript Contest ，是大師Keith Peters 先生辦的，內容顧名思義就是用25行as比看誰可以做出最酷的作品，最大獎項是 CS4 Master Suite。贏家就是上圖的那個捲軸遊戲(Entry 043 SWF )，短短25行就弄出一個具有簡易遊戲機制的捲軸遊戲，看他的source code 可以發現其實構成場景的字串並不短，貼到CS4都自動斷行了。蠻意外的是之前看到還蠻多人在討論的，可是從投票結果看到投票人數不是很多。主辦者後來也把所有參賽作品的source code分享出來。

[...]

Flasher Magazine

noreply@blogger.com (擴擴咱) — Wed, 31 Dec 2008 01:46:00 +0000

Flasher Magazine 是Lee Brimelow 先生的新點子，這是他自己錄製的影片雜誌，內容涵蓋與Flash Platform相關的資訊，第一集(2009/12/30)可以從這邊下載MP4 。關於影片的內容： Issue 1 features interviews with Chuck Freedman from Ribbit and Ryan Stewart joins me to talk about Flash Catalyst. We also go on a road trip through the southwest to a couple of different Flash events. Finally I answer some of the most frequently asked questions regarding how I record my tutorials at gotoAndLearn. Go on over and watch this issue and let me know...

[...]

原來 Flash CS4 還是可以離線用 Reference Document

noreply@blogger.com (擴擴咱) — Wed, 10 Dec 2008 01:39:00 +0000

原來 window / extensions / connections 裡面有選項可以選擇要不要讓CS4與網路連線，如果選擇保持連線狀態的話，那按F1查詢reference doc的話就會開啟線上的livedocs，反之，取消連線的話就會開啟離線的html版本，不是以前內建在Flash IDE裡面的那種。取消連線的影響目前看起來是CS4新增的網路工具連不上，比如色票小工具Kuler、share my screen等，但反正我也沒在用，影響甚微。

[...]

Scaleform GFx：可用Flash做遊戲UI的介面引擎

noreply@blogger.com (擴擴咱) — Fri, 05 Dec 2008 06:24:00 +0000

Scaleform GFx 是一套使用硬體加速的向量介面引擎，可以被整合到許多Video Game引擎(ex: Unreal® Engine 3、Ogre...)裡面，Scaleform GFx有個最大的特色是它可以用Adobe Flash Platform來開發介面，甚至對as1, as2擁有完整支援，可以直接開發遊戲裡面複雜的介面邏輯、介面組件和小遊戲等，Scaleform GFx引擎跨平台的對象包括 Windows、Linux、Mac、Wii、XBox 360、PS3、PSP等等。關於實際採用Scaleform的產品，Scaleform的官方新聞稿說 Crysis這款超高畫質的遊戲就是用這套引擎來開發介面的。我看到有遊戲產業開發者的文章，他們說明使用Flash來開發遊戲介面的好處包括：「把Flash影片，用三角形描绘出来，让你能制作出传统位图不能解决的UI效果。你的编辑工具将非常好，因为可以使用Flash来编辑。所以强大度可想而知，比CEGUI LayoutEditor要强不知道多少倍了。」引自 Ogre &...

[...]

金融危機也影響到Adobe了

noreply@blogger.com (擴擴咱) — Thu, 04 Dec 2008 16:03:00 +0000

新聞來源: 600 job cuts at Adobe Adobe也將裁員600人！其中包括前Flash平台經理與傳教士的Mike Downey ？在gSkinner的文章中有人在討論Mike Downey的離去與裁員無關，也有人說無關的話時間點也未免太巧合，不過從Mike Downey本人的Twitter到是看到他很大器的說這樣對公司最好。至少裁掉600人事實，就像新聞來源文章說的，明明還是賺大錢的公司卻要這樣裁員，真的是很令人不解。

[...]

支援Flash的Multi-touch架構

noreply@blogger.com (擴擴咱) — Thu, 04 Dec 2008 15:04:00 +0000

閒晃時碰巧看到的文章，一篇支援Flash的Multi-touch架構: Flash for surface computing @ Adobe，蠻有趣的議題。 TUIO is a very simple UDP-based protocol. So if you wish to create responsive applications using Adobe Flash Professional or ActionScript 3.0, you need to have a bridge that reads this UDP socket and converts it to a TCP connection. Since TUIO is based on the OpenSound Control (OSC) protocol, we make use of flosc (Flash OSC ), which is a small Java server that converts OSC into a TCP-based XML...

[...]

使用ASDoc + FlashDevelop 生成class reference doc

noreply@blogger.com (擴擴咱) — Wed, 03 Dec 2008 04:17:00 +0000

ASDoc是Adobe官方免費並且 open source的工具，目的是用來替 source code生成 class reference doc，官方自己的 livedocs也都是用 ASDoc生成的。不過由於ASDoc是一個command line工具，也就是說它沒有GUI介面，所以搭配 FlashDevelop內建的GUI工具來輸出文件會方便許多。取得 FlashDevelop 原來我一直在用的FD在 FlashDevelop 3.0.0 beta8 以上的版本開始，就內建一個支援ASDoc的簡易GUI工具叫做Actionscript Documentation Generator，它可以把每次編譯的class路徑、編譯參數、輸出位置等等資訊存成一個*.docproj檔，隨時可以叫出來修改。取得 ASDoc 從Flex SDK 2.0以後，ASDoc就預設附加在bin資料夾裡面了，所以如果已經安裝 Flex SDK或 Flex...

[...]

Flex in a Week

noreply@blogger.com (擴擴咱) — Thu, 27 Nov 2008 14:42:00 +0000

Adobe 為了消滅大家的假期，提供了Flex in a Week 這個以一週五天為學習長度的資源，我要來找個時間認真學學。做練習遭遇困難的話可以到Flex in a Week Forum 求救。五天的大綱如下： DAY 1: FLEX BASICS DAY 2: COMPONENT DEVELOPMENT DAY 3: PUTTING IT ALL TOGETHER DAY 4: ADDING VISUAL APPEAL DAY 5: ARCHITECTURE AND ADVANCED TOPICS

[...]

Flex Learning Paths

noreply@blogger.com (擴擴咱) — Sun, 23 Nov 2008 02:37:00 +0000

Adobe官方推出一個新的Flex學習資源:Flex Learning Paths，把過去發表在Adobe Developer Center的文章依學習者的身份做成四種不同的索引，身份有 Designer/Web developer, Programmer, Architect 和 Manager 等，索引裡列的學習資料有多種類型，包括練習檔, 影片, 文件等。這個應用也有RIA版: Flex Learning Paths 。

[...]

QT4 學習筆記：QT4提供的數學函數

noreply@blogger.com (擴擴咱) — Thu, 20 Nov 2008 04:44:00 +0000

QT的一些範例中有出現 qmax, qmin 等 math函式的身影，但我在官方文件中卻找不到與 math函式相關的說明，所以我就把函式的source裡面提供的方法整理條列，並且看看還有哪些 math相關的函式可用。在 qglobal.h 裡，可以找到幾種 math函式，條列於下，但一般常用的 math如：qfloor(無條件捨去)、qceil(無條件進位)、qsin,qcos,qtan(三角函數) 等等等...則是都沒有看到。 qAbs ( const &value ) 說明：返回絕對值範例：int absoluteValue; int myValue = -4; absoluteValue = qAbs(myValue); // absoluteValue == 4 qBound ( const &min, const &value, const &max ) 說明：返回極限不超過 min , max 的值，等同於 qMax(min, qMin(value, max)) 範例：int myValue = 10; ...

[...]