DesignPlusPlus

[教學] 如何刪除陣列所有元素

2011-08-29T07:13:00.000-07:00

今天寫寫程式想到一個有趣的陣列元素刪除方法
var arr:Array = [1,2,3,4,5,6,7];
while(arr.pop()){}
trace(arr[0]); //null, it's so fun~

[閒聊] 猜猜是小碗70還是大碗70

2011-08-19T06:08:00.000-07:00

今天走到一家還蠻好吃的中式簡餐廳，我看著菜單想點乾麵，可是價格卻不是寫在大碗與小碗上；我很好奇問了老闆70是大碗還是小碗的價格，老闆竟然答不出來，我趕快讓老闆有台階下問道大碗麵要多少，他說加10塊麵量加一半麵量，所以我心裡知道為什麼老闆不說話了。以老闆的角度來看，70本來就可以有利潤，不管點小碗或大碗對老闆而言利潤都一樣。

從筆者攝影的照片來看：
1.小碗不可能60，所以小碗70很合理。
2.大碗加10塊跟小碗利潤一樣因為10塊抵掉半碗麵量的錢。
3.不管大小碗假設利潤40，最後營收結算統計起來比較方便不用分開計算。
4.以心理學的角度來看大家會覺得小碗很貴而點大碗。

這種觀察法叫作推理，也有微觀之稱，花時間去看看陳可辛的藝術作品『武俠』就能體會了~屌

[推薦] KTV online

2011-07-24T08:16:00.000-07:00

雲端服務已經是一種趨勢，連 KTV 都能線上點播，
對於想練歌的朋友們絕對不要錯過 ~

dfktv2 線上點播軟體

[推薦] Junior Coffee

2011-07-23T10:12:00.000-07:00

Junior Coffee 官方網站

今天至 sogo 忠孝館閒晃，逛到一家 Junior 咖啡茶具用品專賣店，
看到一座 4C 頂級冰釀咖啡壺造型超炫的 ( 有拿到德國 IF 設計大獎)，
這種咖啡壺是專門製造市面上非常難見到「冰滴式咖啡」，
整組非常昂貴需要 $8800 ，果然設計師設計品都能翻倍價格販售~嘖嘖。

剛好我之前在電視上有看到類似這種咖啡製造器材，
沒想到今天能親眼見到 XD ~
實在是非常幸運，或者說是老天安排吧，
我跟女服務員 ( 一位親切的媽媽 ) 提到這個器材時，問我要不要喝喝看，
便從專櫃下的小冰箱掏出一壺已經製好的冰滴式咖啡 - 冰咖啡的極品，
很大方的免費予我分享，
女服務員說外面一口要價 $60，
我還真不要臉的給人家喝了兩杯，
不過喝起來很舒服，
冰涼順口不苦澀且回甘~果然是極品。
不過要滴兩天才會更好喝 ~ 哇咧@@

缺一個茶壺所以買了一個茶壺 ~

[推薦] 只有神知道的世界

2011-06-24T22:50:00.000-07:00

我們的生活總缺少理想，
因此才需要理想中的結局。

不要對理想感到害怕，
尤其更不要放棄對理想的堅持，
在你(妳)孤單失落的時候，
總有人在背後幫助你(妳)。

這部動畫男主角雖然是 GalGame 攻略阿宅，不過宅的很神，
是一部不能看表象意義深遠的動畫阿 ! 給100個讚 ~

我的評價：
1. 正面思考與強健心靈很重要，攸關人生是否幸福快樂、身心是否健康。
2. 另一方面也可以思考如何幫助自己與如何適時的幫助他人。

還有我不是阿宅也不玩 galgame，我會選有教育意味的動畫來看咧 Orz||

[閒聊] 日本創意科技真是不容小覷

2011-06-05T06:48:00.000-07:00

可以花時間看看影片~可以有很多不錯心得 :D

[閒聊] 粉絲經濟學 ( Fansnomics )

2011-02-07T00:15:00.000-08:00

Business Next 數位時代第 201 期，秒殺的技術-粉絲經濟學 ( Fansnomics ) 封面的一段經典的話：「他們是素人，但都受數十萬人熱情擁戴，因為他們夠熱情、肯付出心血，願意與大家深度連結；(1) 全職媽媽推薦玩具，上架馬上秒殺！(2) 一個業餘愛好者的分享，讓台灣女生購買藥妝必來朝聖。(3) 文藝書生的時尚發言，連小天后蔡依林也要認真聽！他們的粉絲，比絕大多數知名品牌企業還多幾倍。粉絲為何而來？又為何不肯離去？人類歷史上，第一步不是由一個大師或幾家公司寫成，而是你、我與眾多粉絲寫下的新行銷學，激情上演。」

想當初 designplusplus 的部落格開張時的前幾個月，也是絞盡腦汁在部落格上發文，當時也是有每日百人的流量，而後幾個月因論文研究繁忙關係而鮮少貼文，而瀏覽人數急速下降，現在更不用說了，因為兵役關係，來部落格的只剩手指頭可以數出的人數而已。曾幾何時，對於群眾的期待貼文給予的壓力而感到焦慮，有時也因為部落格人氣低落而感到失落，這種感覺相信是許多部落客的心聲。尤其現代人從電腦獲取資訊就像翻字典一樣，如何讓過客變朋友，是需要時間培養的，而這林林總總現象是值得我們思索的。

數位時代第 201 期提到：「這是一個尋找一種認同的時代，身分地位是最清楚的一種認同，因此社會名人可以比以往更容易聚集，並發揮他們的影響力」就像是為何廣告商要找明星做產品代言一樣，因為公信力與個人魅力往往可以聚集更多人購買產品；但是這不是只有名人才可以玩的遊戲，如你我般的素人，可以透過部落格、臉書、撲浪或推特等社群媒體來聚集一些多元活力的社群來分享資訊，而這種教主與粉絲之間的關係所形成一股新的經濟力量，也就是粉絲經濟。

舉個例子，為何米蘭數位公司徵才時都要有個人部落格或是曾任版主經驗(參考附註1)，當初的我還在思考這問題，看完粉絲經濟文章就想通了。

再舉一個筆者網友3dbbq的例子，年紀比我小一歲，對於創意遊戲製作很拿手，透過虛擬角色裸人塑造(裸人是3dbbq親手設計的遊戲角色)，吸引不少年輕族群粉絲，去年向上遊戲科技股份有限公司成立裸人英雄工作室，發展行動娛樂、iPhone遊戲，有關裸人之遊戲竟可達到百萬點及下載率。

數位時代第201期一句話：「相對於過去大企業的模式，這些小社群看似無足輕重。然而聚沙可以成塔，如東吳大學社會系副教授劉維公所提-粉絲經濟就是深度競爭力。面對中國一個具規模經濟體崛起時，台灣可以思考的方向：擺脫淺碟經濟，轉向深度的風格競爭力。」

附註1 米蘭數位公司應徵文件格式

應徵文件：參與應徵者請務必提供以下內容
A.個人基本資料(姓名、生日、聯絡方式、學經歷、並附上近期清晰照片乙張)
B.我的網路履歷表
i.使用網路的年資
ii.使用過哪些網站，其中最喜歡哪個網站？為什麼？
iii.你的個人平台(比如說：Blog、Plurk、twitter、FunP、facebook、delicious、黑米…)
iv.你在虛擬的網路中，有哪些傲人的身分或成績？
(比如說：線上遊戲團長或幹部、巴哈姆特Lv3等級以上、噗浪的Karma超高、擔任過批踢踢小天使或版主、在youtube或blog上的作品曾經被廣為傳閱…)
C.個人作品集(或作品網站、部落格)

[教學] Panorama 360 全景像

2011-02-06T06:15:00.000-08:00

A panorama is any wide-angle view or representation of a physical space, whether in painting, drawing, photography, film/video, or a three-dimensional model.(wiki)

you can create your own interactive panorama environment by using PV3D library. please refer to the image below...

the demo is below, please wait for downloading....

[教學] flash as3 中如何讓子影片物件存取父影片物件屬性

2010-12-29T07:34:00.000-08:00

還記得 as2.0 在父子影片間進行存取很簡單，若是由外而內圖層層級分別為 a 包 b 包 c 包 d，則 a 存取 d 的屬性為 a.b.c.d._some_properties，而 d 存取 a 的屬性為 d.parent.parent.parent._some_properties；假設 a 另外包 e 包 f，則 f 存取 d 變成 f.parent.parent.b.c.d._some_properties，程式將會變得很雜亂。

個人覺得最好的方式還是使用事件收發方式來進行屬性變動較好，例如 f 物件發出事件 (dispatchEvent)，而 d 物件透過 addEventListener 方式接收事件來執行 d 物件更改屬性的動作，程式將變得乾淨穩健，亦達到程式解偶的目的。

我想這是大家當時知悉的複雜結構存取問題，所以可能至 as3.0 子影片物件對父影片物件的存取方式作了很多存取限制；有網友提到相關問題，像是子物件用 parent 屬性無法存取父物件動態新增之屬性，我這邊提供我的解決辦法，還是可以辦到父子影片間存取屬性動作。

若是 MainTimeline (就是主場景的時間影格) 為父影片物件，而子影片物件為 obj。

(1) 請在 MainTimeline 第一個影格貼上

// 為父物件動態新增屬性 b
var b:Boolean = true;

// 為子影片物件動態新增屬性 parentContainer，並將父物件本身參考傳給此屬性
obj.parentContainer = this;

(2) 在子影片物件 obj 內第一格影格寫上

this.parentContainer.b = false; // 利用 parentContainer 屬性更改 MainTimeline 的變數 b 為 false

that's all , thanks ~ ; p

------------------------------------------------
(1)父物件第一影格
var b:Booelan = true;

(2)子物件第一影格
trace((parent as MovieClip).b); // true
(parent as MovieClip).b = false;
trace(parent['b']); // false

另一組解法 by Ticore Shih

[教學] 3dmax 熱鍵表

2010-12-18T01:20:00.000-08:00

以逆向角度思考來想,從熱鍵來學軟體操作可以初步了解該軟體所常用的功能~也不賴!
以下是我花了很多時間測試與整理撰寫的熱鍵表共 156 個常用的 3dmax 熱鍵(2010版測試)
請享用 : P (拷貝請標明出處)

3dmax 熱鍵	熱鍵功能說明
★ F1	幫助文件
★ F2	Poly 物件面編輯模式下選面時顯示面的物件原色或紅色
★ F3	所有物件以網格顯示
★ F4	所有物件以網格加實體顏色顯示
★ F5	選取物件下顯示鎖定 X 軸
★ F6	選取物件下顯示鎖定 Y 軸
★ F7	選取物件下顯示鎖定 Z 軸
★ F8	選取物件下顯示鎖定 XY 平面或 XZ 平面或 YZ 平面
★ F9	算圖
★ F10	算圖設定視窗 (common tab)
★ F11	MaxScript 視窗
★ F12	調整物件位移設定視窗
★ Alt + F2	Snap 設定之 snap to frozen objects 開關 (option tab)
★ Alt + F3	Snap 設定之 use Axis Constraints 開關 (option tab)
★ Alt + F4	關閉 3dmax
★ Alt + F5	Snap 設定之 Grid Points 開關 (snaps tab)
★ Alt + F6	Snap 設定之 Pivot 開關 (snaps tab)
★ Alt + F7	Snap 設定之 Vertex 開關 (snaps tab)
★ Alt + F8	Snap 設定之 Endpoint 開關 (snaps tab)
★ Alt + F9	Snap 設定之 Midpoint 開關 (snaps tab)
★ Alt + F10	Snap 設定之 Edge / Segment 開關 (snaps tab)
★ Alt + F11	Snap 設定之 Face 開關 (snaps tab)
★ -	點選物件時縮小軸精靈 Gizmos
★ =	點選物件時放大軸精靈 Gizmos
★ [	Viewport 攝影機往前進 ( + 或滑鼠滾輪上滑亦可)
★ ]	Viewport 攝影機往後退 ( _ 或滑鼠滾輪下滑亦可)
★↑	Viewport 攝影機往前進 (微調)
★↓	Viewport 攝影機往後退 (微調)
★←	Viewport 攝影機往左移 (微調)
★→	Viewport 攝影機往右移 (微調)
★ 滑鼠中鍵+移動滑鼠	Viewport 攝影機水平移動跟垂直移動
★ Ctrl + 滑鼠中鍵 + 移動滑鼠	Viewport 攝影機水平移動跟垂直移動 (快速)
★ Shift + 滑鼠中鍵 + 移動滑鼠	Viewport 攝影機水平移動或垂直移動
★ Ctrl + Shift + 滑鼠中鍵 + 移動滑鼠	Viewport 攝影機水平移動或垂直移動 (快速)
★ Alt + 滑鼠中鍵 + 移動滑鼠	Viewport 攝影機水平環繞跟垂直環繞場景
★ Alt + Shift + 滑鼠中鍵 + 移動滑鼠	Viewport 攝影機水平環繞或垂直環繞場景
★ Ctrl + Alt + 滑鼠中鍵 + 移動滑鼠	Viewport 攝影機往前進或後退
★ 滑鼠右鍵	display / transform 右鍵選單
★ Ctrl + 滑鼠右鍵	primitives / transform 右鍵選單
★ Shift + 滑鼠右鍵	snap 右鍵選單
★ Alt + 滑鼠右鍵	transform / pos / coordnate / set 右鍵選單
★ Alt + Shift + 滑鼠右鍵	reactor 右鍵選單
★ Ctrl + Alt + 滑鼠右鍵	render 右鍵選單
★ ,	動畫影格往前移一格
★ .	動畫影格往後移一格
★ \	Set Key 動畫編輯模式開關
★ /	播放動畫影格
★ '	開關動畫音軌
★ Home	動畫影格至第一個影格
★ End	動畫影格至最後一個影格
★ PageUp	選取連結物件之父物件
★ PageDown	選取連結物件之子物件
★ Ctrl + PageUp	Poly 物件點編輯模式下以選取節點為中心擴增選取節點範圍
★ Ctrl + PageDown	Poly 物件點編輯模式下以選取節點為中心減少選取節點範圍
★ Space	鎖住選取物件 (僅能控制鎖住物件而無法選取其他物件)
★ Insert	Poly 或 NURBS 或 Spline 等可編輯物件切換點線面編輯模式
★ ; (repeat last)	Poly 物件點線面編輯模式下重複最後一次的點線面編輯指令
★ `	Viewport 重新繪製
★ Ctrl + `	開啟浮動式窗
★ 1	點編輯模式
★ 2	線編輯模式
★ 3	框線編輯模式
★ 4	面編輯模式
★ 5	整體物件編輯模式
★ 6	Particle 粒子系統視窗
★ 7	顯示場景目前所有物件點與面的總計與影格速率FPS
★ 8	環境特效設定視窗
★ 9	算圖設定視窗 (Advanced lighting tab)
★ 0	材質算圖視窗
★ Shift + 4	Viewport 更換為 SpotLights / Directional Lights 視點
★ Alt + 1	Parameter Editor 視窗
★ Alt + 2	Parameter Collector 視窗
★ Alt + 5	Parameter Wiring 視窗
★ Alt + 6	Main Toolbar 工具列開關
★ Alt + 0	鎖定使用者介面開關 (針對可 Floating 的 Toolbars)
★ A	物件旋轉角度 Snap 開關
★ Ctrl + A	全選
★ Shift + A	現選物件對齊所選物件 (直接軸心對齊)
★ Alt + A	現選物件對齊所選物件 (依 Align 視窗設定進行對齊)
★ B	底部視圖
★ Ctrl + B	進入物件編輯模式開關
★ Alt + B	可更改 Viewport 底圖
★ C	攝影機視圖
★ Ctrl + C	快速加入新攝影機至目前視圖
★ Shift + C	顯視攝影機物件開關
★ Alt + C	Poly 物件面編輯模式下切割面工具
★ D	該 Viewport 繪製開關 (如當透視圖視圖關閉則控制其他視圖透視圖不會繪製)
★ Ctrl + D	取消選擇
★ Alt + D	Snap 設定之 use Axis Constraints 開關 (option tab)
★ E	物件旋轉工具
★ Ctrl + E	Poly 物件面編輯模式下 Extrude工具
★ Shift + E	切換物件 Scale 模式
★ Alt + E	Menu 工具列 Edit 下拉選單
★ F	前視圖
★ Ctrl + F	顯視算圖範圍
★ Shift + F	切換物件 Selection 模式
★ Alt + F	Menu 工具列 File 下拉選單
★ G	場景預設網格顯視開關
★ Shift + G	場景物件顯視開關
★ Alt + G	Menu 工具列 Group 下拉選單
★ H	場景物件選擇視窗
★ Ctrl + H	輔助物件 (helpers) 顯視開關
★ Shift + H	手動儲存場景所有設定 (以防 3dmax 當掉能 fetch 救回)
★ Alt + H	Menu 工具列 Help 下拉選單
★ I	Viewport 以滑鼠為中心點位移
★ Ctrl + I	間隔工具 (Spacing Tool) 開關
★ Shift + I	反選場景物件
★ J	顯示所選物件邊框開關
★ K	Set Key 動畫編輯模式下可按此鍵設置關鍵影格
★ L	左視圖
★ Ctrl + L	顯示燈光開關
★ Alt + L	預設燈光開關
★ M	材質編輯器視窗
★ Ctrl + M	直接針對 Poly 物件進行 Mesh 平滑處理
★ Alt + M	Menu 工具列 MAXScript下拉選單
★ N	Auto Key 動畫編輯模式開關
★ Ctrl + N	開新場景
★ Alt + N	選擇物件對齊所選物件法向量
★ O	Viewport 降級 (滑鼠移動畫面時物件變框線顯視)
★ Ctrl + O	打開檔案
★ P	透視圖
★ Ctrl + P	使用 Viewport 平移工具
★ Shift + P	粒子物件顯視開關
★ Q	使用選擇工具 (連按可切換選取樣式)
★ Ctrl + Q	選取同一種創建方式的物件
★ Shift + Q	算圖
★ Alt + Q	所選物件獨立編輯模式
★ R	物件縮放工具
★ Ctrl + R	使用 Viewport 選轉工具
★ Alt + R	Menu 工具列 Rendering 下拉選單
★ S	Snap 工具開關
★ Ctrl + S	儲存檔案
★ Shift + S	Spline 顯視開關
★ Alt + S	Snap 勾選名單循環設置 (拖拉物件時可切換 snap 方式)
★ T	上視圖
★ Shift + T	Asset Tracking 視窗
★ Alt + T	Menu 工具列 Tools 下拉選單
★ U	平行視圖
★ Alt + U	Menu 工具列 Customize 下拉選單
★ V	Viewport 視圖切換選單
★ Alt + V	Menu 工具列 Views 下拉選單
★ W	物件平移工具
★ Ctrl + W	使用 Viewport Zoom 工具
★ Shift + W	Space wraps 物件顯示開關
★ Alt + W	單視圖與多視圖切換
★ X	軸精靈 Gizmos 顯示開關
★ Ctrl + X	專家編輯模式
★ Shift + X	Poly 物件線編輯模式下限制邊移動在 BoundingBox內
★ Alt + X	選取物件半透明顯視開關
★ Ctrl + Y	重做
★ Shift + Y	重做對 Viewport 的操作
★ Z	移動 Viewport 至最佳位置
★ Ctrl + Z	回復上一動
★ Shift + Z	回復對 Viewport 的操作
★ Alt + Z	使用 Viewport 縮放工具

designplusplus 整理於20101218

[閒聊] 培養解決問題的好習慣－「主動式主動」

2010-12-10T23:30:00.000-08:00

我們常說學習有分兩種，
一種是被動式學習，
一種是主動式學習。
而個人認為主動學習的習慣又分為兩種，
一種是被動式主動，
一種是主動式主動。

被動學習的人，不見得學習能力不好，而是習慣性以被動方式接受資訊，在這種情況下往往會比他人以較慢的速度進入狀況，所以遇到困難或挑戰常常會無法解決，或是一錯再錯，也就是我們常說的某某某很「包」。但是這種學習的習慣是可以改的，尤其一定要身體力行，讓處理事情的習慣由被動轉為主動；一個習慣的養成通常需要一點時間，一個禮拜到一個月都有可能，因人而異，但是就像「騎腳踏車」與「游泳」一樣時間一到身體自然會記住，重點是有無用「心」。

而談到主動式學習的習慣個人認為有兩種，「被動式主動」與「主動式主動」兩種習慣。「被動式主動」是指一般大家在工作上常見處理事情的方式，通常出包一次後學得經驗，往後每次遇到相同情況都能主動處理到最好，但是被動式主動的習慣只能反覆處理同樣的問題，尤其面對新問題還是沒辦法當機立斷的作處理；而「主動式主動」的人習慣性洞燭先機，防患未然，在問題還沒發生之前先想辦法知道可能將來會遇到的問題，我們可以透過詢問長輩的方式了解作業上常發生的問題並加以分析歸類，這樣在每次危機發生前至少都有心理準備，尤其問題處理上可有一些基本概念與邏輯，甚至可嘗試自己處理，即使處理不好但也不是最差；同時，若針對問題解決事後能做檢討評估以防同樣的問題再發生，我想這就掌握到危機管理的基本原則。

還是一樣，習慣的養成並非一朝一日，有時會受你的出生環境、工作環境與你所遇到人的影響而有所變化，成功與否的差異點在好習慣的累積；無論如何，好習慣的養成就得花心思學習與體會，尤其培養處理事情的「主動式主動」習慣，也就是培養你的洞察力，也就是讓你快速了解處理人、事、物的方法，可以讓你在事情處理上變得更機靈。

如果今天轉進一個新的工作環境你會想怎麼做？
不外乎是，
您的新職位有哪些可能面對的問題與挑戰、
以您的身份權職可掌握的公司資源有多少、
如何建立您的人脈、
...等。

插個話題，常覺得父母很煩碎碎念，事實上真的是這樣嗎？
放下你的執念用心思考，配合你良好的EQ，你能得到更多~

By DesignPlusPlus 20101211-1533

[作品] 叢生

2010-08-05T00:57:00.000-07:00

[閒聊] 檯燈大翻身

2010-07-31T10:21:00.000-07:00

有沒有想過可以把讀書用的檯燈轉成睡前的氣氛夜燈,

我很無聊的把帆布材質的購物袋套在檯燈上,

沒想到可以拿來做夜燈, 氣氛超佳, 效果超好～

換不同顏色或紋路袋子就有不同效果咧～

[閒聊] 設計人的態度 - 積極與耐心

2010-07-26T13:11:00.000-07:00

可以用努力改變的事情不能等，
不能用努力改變的事情要有耐心。
該做的事不能等，對結果卻要有耐心。
人生目標不能等，對人性卻要有耐心。

在解決麻煩上，不要等。
如果命運的黑夜漫長又寒冷，請一邊讓行動促使自己發熱，一邊寬容的等。

吳淡如 - 有用的聰明一書

--------------------------------------------------------------------------------------------------------------------

筆者譯解

可以掌握的地方就要積極把握分秒處理、
不能掌握的地方就要保持恆心耐力等待。
不要作後悔的事，
不要犯同樣的錯。
人生才會發光發熱～

舉個例設計人應有的態度為例，
對於自己的設計品要龜毛、細心、力求完美，
經一番耕耘，大家都能看的到你的努力。

又如 Mr.PM 所說的態度能決定高度 ~ 態度正確很重要 ~ perfect

[閒聊] Openlab x Taipei

2010-07-23T10:13:00.000-07:00

今日參加 OT party , OT group 都是好人咧 ~ 感謝 Marc Lin ( 林馬克 ) 的舉辦

[閒聊] 銀髮族御用手機

2010-07-10T17:11:00.000-07:00

高齡少子化已是台灣目前現象，老人越來越多，小孩大家不生越來越少，人口結構趨向倒金字塔發展。尤其現在各位身邊五個人就有一位是老人，再過個三、四十年，三人中就有一位是老人，社會經濟負擔壓力會劇增，未來年輕人要負擔的健保可能更為吃重。若是台灣青年人口再繼續外流那台灣未來會很慘，國家也沒有競爭力，所以政府目前才想辦法催生小 baby；但說的容易做的難，現代年輕人想要過得好，因考量經濟因素像是教育費與生活費問題，不是生一個就是不生，政府補助功效看似也不大，許多相關計畫錢都被黑走，總總因素惡性循環，台灣再不加油會完蛋。哀～，罵新生歌手林育群的人真的腦殘，沒行銷台灣的觀念，國人自殘現象的確很嚴重、人與人彼此間還是很冷漠，看到一堆翻滾哥也袖手旁觀，媒體還當作笑話報導，心寒哪。所以愛台灣很重要，畢竟是土生土長的地方，即使人不在台灣，心也要根留台灣，不要再搞政治浪費錢（台灣政治笑話已經在國外電視上大肆播報），多花心思用「設計」創造台灣更好的生活品質，再給予多點人文關懷、社會關懷台灣未來才會更美好。下面來看銀髮族御用手機，這是去年2009年底產品 iNO Mobile，讓老人也可以輕鬆用手機，手機原本複雜的介面操作功能也去掉了，真是貼心，如下圖：

超大按鍵，不怕老花眼
超大字體，清晰不撥錯
超大音量，最大可達110分貝
FM收音機即開即聽，免天線
超亮LED手電筒功能
獨創SOS求救功能
NCC檢驗合格
3000萬新安東京海上產品責任險

Nice ~ 健管產業已有績效出來，未來老人有福了。

ref 1: http://www.transform-inc.com.tw/page10.php (官網)
ref 2: http://taiwan.cnet.com/crave/0,2000088746,20139676,00.htm (科技瘋)

[教學] as3 怪用法整理

2010-07-08T01:49:00.000-07:00

"good".charCodeAt(0);
{a:0}.a;
{}.namespace = 'a';
function f(){return f;}
f = l.moveTo // proxy or delegate
...想到再補

有想法跟筆者說，筆者會留下您大名於下方區塊
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

[閒聊] 設計流程

2010-07-06T21:06:00.000-07:00

個人經驗認為，設計就是這麼一回事：

上圖由 designplusplus 設計

郭某做了甚麼事?
他說過一句話，「研究室以外就是紀律」，
筆者認為這種說法根本有瑕疵的，
因為這是功利主義的說法，
缺乏「人性」矣。

觀看筆者的設計流程，分為六步：
「認知」、「解構」、「分析」、「重組」、「創意」、「再造」。
筆者所提即的「再造」過程，若過分解耦，
可能就是代工BOSS郭某心想的－－
研究室以外的機械式作業代工員。

人是一種複雜的動物，
沒有發展空間、
思考或靈魂被撥離的時候，
就會產生很多心理問題，
即便搞個天羅地網也補不了這個大洞。
「人性」矣~

[閒聊] 解耦

2010-07-02T20:00:00.000-07:00

我們說解耦是程式設計在軟體建構上一個重要的觀念；透過解偶，
系統分析師、程式設計師群便能各司其職，讓所有問題流程簡化。

但是若是套用解偶概念在人、事、物觀察上，
可發現很多有趣的解釋，
以下便是個人曾深思與觀察發現的問題。

1. 老闆希望員工能獨力完成任務
2. 如何作出叫好叫座的案子
3. 如何協同與創新
4. 成功人士
5. 人生

太多例子，其實我都在講同一件事。

[閒聊] 呼你爽，丟係呼我爽

2010-07-01T01:30:00.000-07:00

相信因果論嗎 ? 這標題看起來有點鹹濕 ~ 但不是各位想的那樣 :D
我要說的是，

相信別人，別人就會相信你。(太抽象 ? )
尊重別人，別人就會尊重你。(好像是耶 ! )
幫助別人，別人就會幫助你。(真的 ! )

實質例子是，給上級爽，你就爽了。(懂嗎 ? )

[閒聊] 餐飲管理 - 10 元搞定CRM

2010-07-01T01:08:00.000-07:00

前鎮子到一家簡餐廳，看到菜單上我想點的某道菜寫著價格 145／135。
還蠻有趣的是，老闆說：「只要申請會員可以省 10 塊，只要把一些個人資料填好即可。」
好折凳啊～這就是老闆創意行銷的 design pattern 啊 !
為何這麼說，有個資就能作進一步行銷啊～太棒了 !

[教學] 以前寫的 flashDevelop 安裝教學

2010-06-30T05:12:00.000-07:00

在開發 flash 遊戲之前必須先選定程式編譯環境，

編譯的作用就是將您撰寫好的程式（source code）轉成機械碼（machine code）－電腦看得懂得語言，以便電腦進行運算。

目前有很多 flash 編譯器，包含：

Adobe Flash Professional http://www.adobe.com/tw/

Adobe Dreamweaver http://www.adobe.com/tw/

Adobe Flash Builder（Flex）http://www.adobe.com/tw/

FDT http://www.fdt.powerflasher.com/ + eclipse http://www.eclipse.org/

FlashDevelop http://www.flashdevelop.org/wikidocs/index.php?title=Main_Page (free)

若是沒有預算購買軟體，站長推薦使用 FlashDevelop，對學生或是任何想踏入 flash 遊戲設計領域的初學者是非常好的選擇。

FlashDevelop 的特色在於強健與完善的程式編譯環境，尤其程式提示與自動生成（code hint & generation）上比 flash IDE（Integrated Development Environment）好用很多。

接下來介紹 FlashDevelop 整個安裝到程式發佈的流程：／／／／／／／／／／／／／／／／／／／／／／／／／／／／／

1.下載並安裝 FlashDevelop 3.0.5 RTM released (3.9mb)

2.起動 FlashDevelop 進入 Start Page 頁面，選擇 >> New Project...

3.按照步驟選擇（1）AS3 Project -> （2）專案名稱 -> （3）專案資料夾放置位置（請自行建立專案資料夾）

4.按 OK 後會要求輸入作者名稱，請輸入英文別名。確定後畫面右方會跑出剛建立專的資料夾結構圖（如下圖 File Tree）

　File Tree 分 3 個部分

　bin - 將編譯好的 swf 檔放置此

　lib - 可放置您或第三方類別庫

　src - 根本專案相關程式放置位置; src 下有一個 main.as 為主程式

5. 先測是程式是否可執行，請在上方找尋藍色 play 鍵按鈕並點擊之，您會發現跳出對話框「would you like to open AS3 context setting to configure the compiler?」原因　是 FlashDevelop 本身未包含 AS3 類別庫，可至 Flex SDK 下載頁面下載檔案 - 站長選擇 Build 3.4.0.9271 Open Source Flex SDK Download (ZIP, 26MB)

6. 請在 FlashDevelop 上方工具列選擇 Tools -> Program Settings... 或按 F10

7. 請選擇 AS3Context -> Flex SDK location 並將路徑設成 Flex SDK 資料夾位置 - 記得解壓縮下載好的 Flex SDK 並放置您想要的位置

8. 設好後即可按藍色 play 鍵按鈕編譯（下方為測試補充，如有問題請至討論主題發表）

　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

　src下有Main.as, 請打開, 我稍微把程式改簡單點

package{
import flash.display.Sprite;
import org.flashdevelop.utils.FlashViewer; // 除錯用類別, 就像 C 的 println

public class Main extends Sprite{
public function Main():void{
//程式起始點
FlashViewer.trace("hello world!"); // 輸出hello world!
graphics.lineStyle(1, 0, 1); // 設定筆刷樣式
graphics.moveTo(20, 20); // 筆刷移到20, 20位置
graphics.lineTo(100, 100); // 筆刷畫到100, 100位置
}
}
}

程式寫好後, 請在 Project->properties->output下方 Test Movie 選 Play in new tab
按 Ctrl + Enter 發佈
會跳出 test.swf 視窗
視窗下方 output 位置有 hello world! 文字出現

　－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

[推薦] 台灣美眉程薇穎國際彩妝賽封后

2010-04-20T08:55:00.000-07:00

又一個台灣之光，畢業於元智大學、加拿大溫哥華電影學校，未滿24歲的台灣美眉程薇穎，18日在全球彩妝好手競爭下勝出，奪得在溫哥華舉行的國際彩妝藝術家大賽（IMAT）冠軍。

news
IMATS

元智資傳人才輩出~嘖嘖!

學長朋友X菜覺得妳超正!

[推薦] 星光大道林育群

2010-04-08T08:19:00.000-07:00

大家應該從新聞看到台灣版的「蘇珊大嬸」林育群吧 ~

青出於藍而青於藍

祝賀你了學弟~

元智大學資傳系 ~ 加油!!

雜誌說　學弟不是爆紅　只是苦練十年罷了！！

[推薦] CG電繪講座

2010-04-08T08:08:00.000-07:00

CG電繪講座：動漫職人的構思 x 線稿 x 上色

好友出書了~希望各位朋友支持~

若各位有需要 designplusplus 可以為各位舉辦小型研討會

由 krenz 主講插畫設計 ~ 有興趣可以直接留言給我

參考 http://www.delightpress.com.tw/book.aspx?book_id=sknm00012

[作品] 多點觸控桌互動模式整理

2010-03-15T11:32:00.000-07:00

我想這篇整理文獻應該對許多多點觸控桌玩家在軟體之使用者互動設計上有很大幫助，這是designplusplus 之前進行互動桌研究時整理出來的文件，在此不吝分享給大家~希望有機會能跟各位先進交流 :D

pdf link

最後感謝各位對 designplusplus 網誌的支持

[作品] 分享一段好用的聲音讀取佇列函式

2010-03-10T02:14:00.000-08:00

designplusplus 最近軟體寫作,精簡一段好用程式想分享給大家

用法很簡單兩步驟如下:

1. 設立要讀取的聲音資源位址陣列
var sndArray:Array = ["digi_0.mp3","digi_1.mp3","digi_2.mp3","digi_3.mp3"];

2. 呼叫 sndLoadQuery 函式將第一個參數帶入位址陣列, 第2個參數為全部聲音檔讀完時觸發
sndLoadQuery(sndArray, function(){
sndArray[1].play(); // sndArray 經過函式會轉換成Sound物件陣列
});

function sndLoadQuery(sIn:Array, fin:Function){
if(sIn[sIn.length-1].constructor != Number)sIn.push(0);
if(sIn[sIn.length-1] == sIn.length-1){sIn.pop();fin();return;}
(sIn[(sIn[sIn.length-1])] = new Sound(new URLRequest(sIn[(sIn[sIn.length-1]++)])))
.addEventListener(Event.COMPLETE, function (e:Event):void{
e.target.removeEventListener(Event.COMPLETE, arguments.callee);
sndLoadQuery(sIn,fin);
})
}

有興趣的朋友可以研究一下sndLoadQuery函式,此函式用到幾個觀念:
1.多型處理
2.陣列處理
3.事件機制
4.函式遞迴
5.回呼函式(callback)

[閒聊] AGen 2d game engine

2010-02-19T06:35:00.000-08:00

AGen
Engine plugins: DirectSound 8.1, DirectInput 8.1, DirectInput 9, DirectX 8.1, DirectX 9, OpenAL, OpenGL and SDL Input
Lua 5.1 with extensions: MicroPather, Box2D, LuaFileSystem, LuaSocket, LuaXML and DevIL

找到一個很棒且輕量級的遊戲引擎，支援物理引擎、FileIO、Socket 網路程式設計等

範例
display:create ( "Mouse input", 640, 480, 32, true )

my_font = Font ( )
my_font:load_system ( "Arial", 18 )

my_sprite = Sprite ( )
display.viewport:add_child ( my_sprite )

mouse.on_move = function ( delta_x, delta_y )
my_sprite.canvas:clear ( )
my_sprite.canvas:move_to ( mouse.xaxis, mouse.yaxis )
my_sprite.canvas:set_font ( my_font )
my_sprite.canvas:write ( mouse.xaxis .. " " .. mouse.yaxis )
end

顯示滑鼠作標 :D~

想學 Lua script 請別錯過,
尤其 Lua (from the Portuguese word for moon) is the scripting language used by World of Warcraft for Interface Customization.

另外附上 lua IDE

[教學] AS3 不同的的 if 判斷式寫法

2010-02-13T23:05:00.000-08:00

if (true) {
　x++;
　a = Math.random()*100000;
　b = Math.random()*100000;
} else {
　trace("good1");
　trace("good2");
}

if(true)
　x++ ,
　a = Math.random()*100000 ,
　b = Math.random()*100000
else
　trace("good1") ,
　trace("good2")

記得若用下面的方法，則
b = Math.random()*100000 與
trace("good2") 後面不加逗號

[Hey蘋果] nVidia 系列顯卡如何推算NVCAP編碼值?

2010-02-13T12:17:00.000-08:00

我想很多人都知道蘋果公司在去年9月推出 snow leopard 雪豹，有很多人想在一般筆電上安裝 MacOSX，但是裝好後最大的問題在於沒有網卡、顯卡與聲音裝置之驅動程式。於是有些人開始製作一些 kexts、dsdt、efi string 好讓 Mac 以外的網卡、顯卡與聲音裝置能夠順利跑起來。相反的也有很多人在 MacOSX 裝 windows 系統，驅動程式就好解決，畢竟 Mac 沒有像 windows 有這麼多種類的硬體，這邊就不提了。

參考 http://bbs.pcbeta.com/thread-592288-1-1.html - 一步一步在 windows 上安裝雪豹

網卡、聲卡的安裝上都還好解決，唯有顯卡驅動最麻煩。回到正題，我的平台與顯示卡是 Sony Vaio VGN-C25T / nVidia Geforce Go 7400 64mb

1. windows vista 下用 everest/nvflash/NiBiTor 擇一生出顯卡 bios(xxx.rom)
2. snow loepard 下使用 nvcap maker 讀取 rom 生出 nvcap 值如下：
(nvcap code : 04000000 00000200 04000000 00000007 00000000)
3. snow leopard 下用 Property List Editor.app 將 nvcap 編碼
(nvcap encode code : BAAAAAAAAgAEAAAAAAAABwAAAAA=)
4. windows vista 下將 nvcap 填入他人製作 ( ex:NVinjectGo/Natit ...etc ) kexts 的 info .plist 當中
5. 進入 snow leopard 看有沒有驅動成功或進入黑屏

參考 nvcap 取得文章 http://hi.baidu.com/gioguo/blog/item/2c727a3ebfcf9cfe838b13cd.html
參考不同 nvcap 值用途 ttp://hi.baidu.com/gioguo/blog/item/3d50973db5f9f7ea3c6d977a.html

為了要求編碼值 3~5 的步驟要來回切換作業系統很費時，我直接找到了編碼推算方法~方便其他 nVidia 顯卡使用者可以測試不同的 NVCAP.

我的nvcap (中括弧為更動的地方)
04000000 0000[02]00 [04]000000 000000[07] 00000000 : BAAAAAAA[Ag]A[E]AAAAAAAA[Bw]AAAAA=
編碼規則
04000000 0000[xx]00 [xx]000000 000000[xx] 00000000 : BAAAAAAA[xx]A[x]AAAAAAAA[xx]AAAAA=

第1個 xx 為 channel 1
第2個 xx 為 channel 2
第3個 xx 為 channel 3

channel1變動影響編碼如下:
04000000 0000[00]00 04000000 00000007 00000000 : BAAAAAAA[AA]AEAAAAAAAABwAAAAA=
04000000 0000[01]00 04000000 00000007 00000000 : BAAAAAAA[AQ]AEAAAAAAAABwAAAAA=
04000000 0000[02]00 04000000 00000007 00000000 : BAAAAAAA[Ag]AEAAAAAAAABwAAAAA=
04000000 0000[03]00 04000000 00000007 00000000 : BAAAAAAA[Aw]AEAAAAAAAABwAAAAA=
04000000 0000[04]00 04000000 00000007 00000000 : BAAAAAAA[BA]AEAAAAAAAABwAAAAA=
04000000 0000[05]00 04000000 00000007 00000000 : BAAAAAAA[BQ]AEAAAAAAAABwAAAAA=
04000000 0000[06]00 04000000 00000007 00000000 : BAAAAAAA[Bg]AEAAAAAAAABwAAAAA=
04000000 0000[07]00 04000000 00000007 00000000 : BAAAAAAA[Bw]AEAAAAAAAABwAAAAA=
04000000 0000[08]00 04000000 00000007 00000000 : BAAAAAAA[CA]AEAAAAAAAABwAAAAA=
04000000 0000[09]00 04000000 00000007 00000000 : BAAAAAAA[CQ]AEAAAAAAAABwAAAAA=
04000000 0000[0a]00 04000000 00000007 00000000 : BAAAAAAA[Cg]AEAAAAAAAABwAAAAA=
04000000 0000[0b]00 04000000 00000007 00000000 : BAAAAAAA[Cw]AEAAAAAAAABwAAAAA=
04000000 0000[0c]00 04000000 00000007 00000000 : BAAAAAAA[DA]AEAAAAAAAABwAAAAA=
04000000 0000[0d]00 04000000 00000007 00000000 : BAAAAAAA[DQ]AEAAAAAAAABwAAAAA=
04000000 0000[0e]00 04000000 00000007 00000000 : BAAAAAAA[Dg]AEAAAAAAAABwAAAAA=
04000000 0000[0f]00 04000000 00000007 00000000 : BAAAAAAA[Dw]AEAAAAAAAABwAAAAA=
04000000 0000[10]00 04000000 00000007 00000000 : BAAAAAAA[EA]AEAAAAAAAABwAAAAA=
04000000 0000[11]00 04000000 00000007 00000000 : BAAAAAAA[EQ]AEAAAAAAAABwAAAAA=
04000000 0000[12]00 04000000 00000007 00000000 : BAAAAAAA[Eg]AEAAAAAAAABwAAAAA=
04000000 0000[13]00 04000000 00000007 00000000 : BAAAAAAA[Ew]AEAAAAAAAABwAAAAA=
............

channel2變動影響編碼如下:
04000000 00000200 [00]000000 00000007 00000000 : BAAAAAAAAgA[A]AAAAAAAABwAAAAA=
04000000 00000200 [01]000000 00000007 00000000 : BAAAAAAAAgA[B]AAAAAAAABwAAAAA=
04000000 00000200 [02]000000 00000007 00000000 : BAAAAAAAAgA[C]AAAAAAAABwAAAAA=
04000000 00000200 [03]000000 00000007 00000000 : BAAAAAAAAgA[D]AAAAAAAABwAAAAA=
04000000 00000200 [04]000000 00000007 00000000 : BAAAAAAAAgA[E]AAAAAAAABwAAAAA=
04000000 00000200 [05]000000 00000007 00000000 : BAAAAAAAAgA[F]AAAAAAAABwAAAAA=
04000000 00000200 [06]000000 00000007 00000000 : BAAAAAAAAgA[G]AAAAAAAABwAAAAA=
04000000 00000200 [07]000000 00000007 00000000 : BAAAAAAAAgA[H]AAAAAAAABwAAAAA=
04000000 00000200 [08]000000 00000007 00000000 : BAAAAAAAAgA[I]AAAAAAAABwAAAAA=
04000000 00000200 [09]000000 00000007 00000000 : BAAAAAAAAgA[J]AAAAAAAABwAAAAA=
04000000 00000200 [0a]000000 00000007 00000000 : BAAAAAAAAgA[K]AAAAAAAABwAAAAA=
04000000 00000200 [0b]000000 00000007 00000000 : BAAAAAAAAgA[L]AAAAAAAABwAAAAA=
04000000 00000200 [0c]000000 00000007 00000000 : BAAAAAAAAgA[M]AAAAAAAABwAAAAA=
04000000 00000200 [0d]000000 00000007 00000000 : BAAAAAAAAgA[N]AAAAAAAABwAAAAA=
04000000 00000200 [0e]000000 00000007 00000000 : BAAAAAAAAgA[O]AAAAAAAABwAAAAA=
04000000 00000200 [0f]000000 00000007 00000000 : BAAAAAAAAgA[P]AAAAAAAABwAAAAA=
04000000 00000200 [10]000000 00000007 00000000 : BAAAAAAAAgA[Q]AAAAAAAABwAAAAA=
04000000 00000200 [11]000000 00000007 00000000 : BAAAAAAAAgA[R]AAAAAAAABwAAAAA=
04000000 00000200 [12]000000 00000007 00000000 : BAAAAAAAAgA[S]AAAAAAAABwAAAAA=
04000000 00000200 [13]000000 00000007 00000000 : BAAAAAAAAgA[T]AAAAAAAABwAAAAA=
04000000 00000200 [14]000000 00000007 00000000 : BAAAAAAAAgA[U]AAAAAAAABwAAAAA=
04000000 00000200 [15]000000 00000007 00000000 : BAAAAAAAAgA[V]AAAAAAAABwAAAAA=
04000000 00000200 [16]000000 00000007 00000000 : BAAAAAAAAgA[W]AAAAAAAABwAAAAA=
04000000 00000200 [17]000000 00000007 00000000 : BAAAAAAAAgA[X]AAAAAAAABwAAAAA=
04000000 00000200 [18]000000 00000007 00000000 : BAAAAAAAAgA[Y]AAAAAAAABwAAAAA=
04000000 00000200 [19]000000 00000007 00000000 : BAAAAAAAAgA[Z]AAAAAAAABwAAAAA=
04000000 00000200 [1a]000000 00000007 00000000 : BAAAAAAAAgA[a]AAAAAAAABwAAAAA=
04000000 00000200 [1b]000000 00000007 00000000 : BAAAAAAAAgA[b]AAAAAAAABwAAAAA=
04000000 00000200 [1c]000000 00000007 00000000 : BAAAAAAAAgA[c]AAAAAAAABwAAAAA=
04000000 00000200 [1d]000000 00000007 00000000 : BAAAAAAAAgA[d]AAAAAAAABwAAAAA=
04000000 00000200 [1e]000000 00000007 00000000 : BAAAAAAAAgA[e]AAAAAAAABwAAAAA=
..........

channel3變動影響編碼如下:
04000000 00000200 04000000 000000[00] 00000000 : BAAAAAAAAgAEAAAAAAAA[AA]AAAAA=
04000000 00000200 04000000 000000[01] 00000000 : BAAAAAAAAgAEAAAAAAAA[AQ]AAAAA=
04000000 00000200 04000000 000000[02] 00000000 : BAAAAAAAAgAEAAAAAAAA[Ag]AAAAA=
04000000 00000200 04000000 000000[03] 00000000 : BAAAAAAAAgAEAAAAAAAA[Aw]AAAAA=
04000000 00000200 04000000 000000[04] 00000000 : BAAAAAAAAgAEAAAAAAAA[BA]AAAAA=
04000000 00000200 04000000 000000[05] 00000000 : BAAAAAAAAgAEAAAAAAAA[BQ]AAAAA=
04000000 00000200 04000000 000000[06] 00000000 : BAAAAAAAAgAEAAAAAAAA[Bg]AAAAA=
04000000 00000200 04000000 000000[07] 00000000 : BAAAAAAAAgAEAAAAAAAA[Bw]AAAAA=
04000000 00000200 04000000 000000[08] 00000000 : BAAAAAAAAgAEAAAAAAAA[CA]AAAAA=
04000000 00000200 04000000 000000[09] 00000000 : BAAAAAAAAgAEAAAAAAAA[CQ]AAAAA=
04000000 00000200 04000000 000000[0a] 00000000 : BAAAAAAAAgAEAAAAAAAA[Cg]AAAAA=
04000000 00000200 04000000 000000[0b] 00000000 : BAAAAAAAAgAEAAAAAAAA[Cw]AAAAA=
04000000 00000200 04000000 000000[0c] 00000000 : BAAAAAAAAgAEAAAAAAAA[DA]AAAAA=
04000000 00000200 04000000 000000[0d] 00000000 : BAAAAAAAAgAEAAAAAAAA[DQ]AAAAA=
04000000 00000200 04000000 000000[0e] 00000000 : BAAAAAAAAgAEAAAAAAAA[Dg]AAAAA=
04000000 00000200 04000000 000000[0f] 00000000 : BAAAAAAAAgAEAAAAAAAA[Dw]AAAAA=
04000000 00000200 04000000 000000[10] 00000000 : BAAAAAAAAgAEAAAAAAAA[EA]AAAAA=
04000000 00000200 04000000 000000[11] 00000000 : BAAAAAAAAgAEAAAAAAAA[EQ]AAAAA=
04000000 00000200 04000000 000000[12] 00000000 : BAAAAAAAAgAEAAAAAAAA[Eg]AAAAA=
04000000 00000200 04000000 000000[13] 00000000 : BAAAAAAAAgAEAAAAAAAA[Ew]AAAAA=
........

以上就是 nvcap 編碼推算，往後的值可以自己推算 :D

[教學] 如何在時間軸上減少全域變數

2010-01-26T09:41:00.000-08:00

我想大家都知道，在 flash 第 1 個影格上宣告一個變數如 var a:int = 0; 則flash 第 2 個影格、第 3 個影格，甚至後方的影格都能存取該變數 a。有時候變數設多了很容易搞混，哪些變數是重要的，哪些變數不是重要的很難分清楚。

假設我需要在flash第一影格動態繪製黑色圓形圖並顯示，一般會這樣寫：

var bmpData:BitmapData = new BitmapData(50,50,true,0x00FFFFFF);//50x50透明圖
var image:Bitmap = new Bitmap(bmpData);
var circle:Shape = new Shape;
var circleGraphic:Graphic = circle.graphics;
circleGraphic.beginFill(0);
circleGraphic.drawCircle(0, 0, 25);//半徑25的圓
circleGraphic.endFill();
bmpData.draw(circleGraphic, new Matrix(1,0,0,1,25,25));//繪製圓
addChild(image);//顯示於畫面

突然多了好多變數，重點變數應該是image變數而已，而其它3個全域變數不會再用到。

從新設計一下，

var image:Bitmap = (function():Bitmap{
　var bmpData:BitmapData = new BitmapData(50,50,true,0x00FFFFFF);//50x50透明圖
　var circle:Shape = new Shape;
　var circleGraphic:Graphic = circle.graphics;
　circleGraphic.beginFill(0);
　circleGraphic.drawCircle(0, 0, 25);//半徑25的圓
　circleGraphic.endFill();
　bmpData.draw(circleGraphic, new Matrix(1,0,0,1,25,25));//繪製圓
　return new Bitmap(bmpData);
})();

addChild(image);//顯示於畫面

上面直接執行匿名函數並回傳 new Bitmap(bmpData)，而 function 內設置的變數都變成了區域變數了。所以後面的影格只能存取 image 變數，而不會存取到其它不會再用到的變數，大大的減少全域變數產生。

帥吧XD~

[教學] switch 特別用法 ~ 模擬迴圈

2010-01-26T08:34:00.000-08:00

我想這個題目大家都作過，請在 output 面板輸出：

x
xx
xxx
xxxx

假設上題迴圈設計如下：
for(var i:int = 0; i<4 ;i++){
　str = "";
　for(var j:int = 0;j<=i;j++)
　　str+="x";
　trace(str);
}

該如何用 switch 表達，請參考下方(注意沒有break關鍵字)：

for(var i:int = 0; i<4 ;i++){
　str = "";
　switch(i)
　{
　　case 3: str+="x";
　　case 2: str+="x";
　　case 1: str+="x";
　　case 0: str+="x";
　}
　trace(str);
}

經過測試發現
上面方法執行效率略差，不管執行多寡數量設計上較有彈性，譬如執行100次只要改i<100。下面方法執行效率較好，但是執行數量多時設計上較沒彈性，譬如用100個case慢慢拷貝會累死，但是適當時機使用上述 switch 用法也是很棒的選擇，站長舉個不錯的使用範例：

　口
　口　口
口口　口　　口
口口口口　　口
口口口口口　口口
口口口口口口口口　口　　口
口口口口口口口口口口口口口口口口口

假設上方是聲音頻譜圖，程式該怎麼用 switch 設計，大家可以思考一下 :D?

如果覺得站長的主題很無聊或想提出一些flash設計上的問題歡迎留言

[教學] AS3中如何改變 SimpleButton 內的動態文字

2010-01-18T05:36:00.000-08:00

AS3 的 SimpleButton 內加入文字後，該如何用程式修改文字呢 ? 還記得 AS2 的程式寫法是 myBtn.label.text = "button"，非常簡易的存取方式。而 AS3 程式存取寫法是完全不一樣的，因為跟 AS2 的按鈕設計方法完全不一樣。若是在 AS3 中用 myBtn.label 會發現不能存取。

若您了解 SimpleButton 的類別用法，SimpleButton 有三個狀態，upState、overState、downState。

要存取文字應該要這樣寫

(((myBtn.upState as Sprite).getChildAt(1)) as TextField).text = "1";
(((myBtn.overState as Sprite).getChildAt(1)) as TextField).text = "2";
(((myBtn.downState as Sprite).getChildAt(1)) as TextField).text = "3";

getChildAt(1) 是存取上圖 label 圖層的動態文字物件
getChildAt(0) 是存取上圖 graphic 圖層的 Shape 物件

我想這樣應該很清楚了 :D

[閒聊] 又熱又平又擠的時代所面臨的挑戰

2009-12-19T09:17:00.000-08:00

湯瑪士(Thomas L. Friedman)提到，全世界趨勢正朝著又熱、又平、又擠的方向走。所謂的

[又熱]

溫室效應，又稱「花房效應」。除二氧化碳外，目前還發現人類活動排放的甲烷、氧化亞氮、氫氟碳化物、全氟化碳、六氟化硫都是溫室氣體。但對氣候變化影響最大的還是二氧化碳，且二氧化碳的生命很頑強，一旦排放到大氣中，少則 50 年，最長的可達 200 年不會消失。專家們警告：氣候變化「可能會帶來對空氣、海洋、冰山、土地、海岸線、物種等突發且無法扭轉的傷害」；「不在 2012 年之前採取行動，就會太晚，關鍵就在這幾年」。對個人來說，為緩解溫室效應，需要儘量節約用電，多使用大眾運輸且少開汽車，此外還可以通過植樹造林、減少使用一次性方便木筷和節約紙張等行動來保護綠色植物，使它們多吸收二氧化碳等溫室氣體。少吃肉，根據研究顯示，全世界近 20% 二氧化碳排放來自於牛屁，少吃點肉就不用生產那麼多牛肉。

[又平]

隨著網路科技發達，世界變成平的，透過網路傳遞，讓個人可迅速將數位內容的資訊傳遞到全球，同時，軟體和傳輸的便利性，也使得工作可以移動得更快更遠，也造就了無國界的經濟體，形成通行無阻的全球市場。此外，中國大陸、巴西、印度、俄國等新興國家的崛起，更造就了對能源、資源的大量需求，進一步快速消耗這些資源。

[又擠]

根據聯合國人口司(Population Division)在 2007 年的報告指出，至 2050 年，人口將由現在的 67 億人，暴增至 92 億人。人口的爆炸性成長，特別市都是人口的成長，將造成耕地、森林消失、魚撈過渡、水資源、空氣及水污染等結果。

此三項因素並非各自獨立，而是交互影響，其相互結合的結果，將對能源供應、動植物的生存、能源使用的貧富差距、產油國的獨裁、氣候變遷情況，帶來深遠的影響。

台灣未來趨勢應將朝向能源節約技術、太陽光能、風能、生質能、電能儲存系統，以及熱電材料與系統整合等綠色新能源的開發及應用。此外，台灣人口問題到是沒有膨脹問題，目前人口正往高齡化與少子發展，至 2050 年人口有下滑趨勢，看來大家都不愛生小孩，而且今天在半路停駛的文湖線上還聽到有人談論台北地區上百家幼稚園關閉的消息 shock 我一下。總而言之，大家應該要養成能源節省的習慣～最近電視有廣告，用完電腦請關機減少二氧化碳排放，大家應該養成習慣，愛護地球就是愛護自己囉～

[閒聊] Mr.Mic 遊戲下載

2009-12-12T23:33:00.000-08:00

這是一款關於麥克風互動遊戲
是站長在大前年製作的作品

關於遊戲介紹在之前 blog 有介紹

或者直接在遊戲進行中有解說
歡迎試玩~

74mb

下載

[作品] pv3d scene

2009-11-18T09:25:00.000-08:00

3d scene test : left . right to control 3d sprite

[閒聊] 簡單的 Unity Script

2009-11-16T23:26:00.000-08:00

以下是一段 Unity 程式片段用來計算 fps - 遊戲畫面執行速度，程式寫法非常像 as3，尤其變數宣告也是var someVar : dataType; 在程式中的 start 與 update 分別代表 code initialization & loop，簡單易懂，加上 Unity 2.6 為非商用時是免費軟體，對 3d 有興趣可以摸摸看 :D ~

var updateInterval = 1.0;

private var accum = 0.0; // FPS accumulated over the interval

private var frames = 0; // Frames drawn over the interval

private var timeleft : float; // Left time for current interval

private var fps = 15.0; // Current FPS

private var lastSample : double;

private var gotIntervals = 0;

function Start()

{

timeleft = updateInterval;

lastSample = Time.realtimeSinceStartup;

}

function GetFPS() : float { return fps; }

function HasFPS() : boolean { return gotIntervals > 2; }

function Update()

{

++frames;

var newSample = Time.realtimeSinceStartup;

var deltaTime = newSample - lastSample;

lastSample = newSample;

timeleft -= deltaTime;

accum += 1.0 / deltaTime;

// Interval ended - update GUI text and start new interval

if( timeleft <= 0.0 )

{

// display two fractional digits (f2 format)

fps = accum/frames;

guiText.text = fps.ToString("f2");

timeleft = updateInterval;

accum = 0.0;

frames = 0;

++gotIntervals;

}

[影視] 海派甜心

2009-11-13T09:32:00.000-08:00

本圖純粹站長惡搞，最近新出一支偶像劇由羅志祥（達浪）與楊丞琳（寶茱）主演得海派甜心，內容十分惡搞爆笑，尤其羅志祥的醜不拉嘰香菇頭（或稱公然猥褻頭，如果各位有看過重金搖滾雙面人應該瞭解那是最神聖的髮型），實再是太酷了。以下是官方公佈劇情大綱：

薛海（羅志祥飾演）化名林達浪，裝成窮小子，遠離兩個姊姊的保護，從台灣來到上海復旦大學唸書。達浪把自己藏在醜不拉嘰香菇頭底下，對所有未知且陌生的一切感到好奇，這是達浪第一次一個人離家，他生命中的許多第一次已經在等著他……

薛海在機場等待登機飛往上海時，一個甜美的聲音傳來，他沒看到聲音主人的長相，但留下深刻印象。他卻沒想到，這個擁有甜美聲音的女生，個性如此粗暴、罷道，而且人緣這麼差！聲音的主人是達浪的同學、長相和聲音一樣甜美，當選過甜心小姐，只有名字與個性不甜美的……

陳寶茱（楊丞琳飾演）！從此，達浪雖然害羞，但仍想盡辦法鼓起勇氣和寶茱接觸。寶茱見所有同學都討厭自己，只有達浪不怕死，倒也覺得達浪特別；而且達浪傻傻的、好像什麼事都不懂的樣子，也常搞得寶茱哭笑不得，更燃起寶茱的正義感，激起想保護達浪的欲望，於是常將達浪「帶」在身邊。即使所有人都叫達浪不要靠近寶茱，達浪仍然與寶茱密切互動，兩個正值青春年少的男女，逐漸互生好感……

但是，人生並不會事事如意，薛海和寶茱之間產生意想不到的變故，薛海失戀了！從此薛海再也不相信愛情，反而搖身一變成為囂張的海派王子！到處灑錢擺闊，原本老實善良的達浪完全消失無蹤…

三年後，寶茱在高中學長何言風（李威飾演）的陪伴之下，逐漸走出失戀陰霾，並在言風的介紹之下，在電台主持「甜心時間」節目，成為當紅DJ！沒想到，薛海從廣播中聽見了寶茱的聲音，出手闊氣的他馬上把電台買下來，成為寶茱的頂頭上司，兩人因此再次相逢…但寶茱再遇到外表與林達浪長的如此相像的海派王子，卻成了另一個討厭的傢伙，到底要遠離他？還是該愛上他？

官網 http://himysweetheart.comic-ritz.com.tw/

海派甜心官方部落格網站 http://sweetheart.blog.cts.com.tw/

海派甜心後援會網站 http://rainieandshow.5d6d.com/bbs.php

[閒聊] Google 推出自己的程式語言「Go」

2009-11-12T07:23:00.000-08:00

Google 厲害的地方是先用網路搜尋引擎打知名度，再推一些好用的網路雲端服務吸引使用者，現在連自家 OS 跟程式都慢慢要推出來了，那我想不久後連一些電腦周邊的硬體設備都有可能冒出 Google 品牌的字樣～這就是 Google 的野望嗎 @@。Google 所推出的產品其實都還不錯使用，我想 gmail 就不知道造福了多少使用者，回到正提，就再最近 Google 推出了自己的程式語言「Go」，以下是 Google 官方說詞 ~

Here at Google, we believe programming should be fast, productive, and most importantly, fun. That's why we're excited to open source an experimental new language called Go. Go combines the development speed of working in a dynamic language like Python with the performance and safety of a compiled language like C or C++. Typical builds feel instantaneous; even large binaries compile in just a few seconds. And the compiled code runs close to the speed of C. Go lets you move fast.

Go is a great language for systems programming with support for multi-processing, a fresh and lightweight take on object-oriented design, plus some cool features like true closures and reflection.

Want to write a server with thousands of communicating threads? Want to spend less time reading blogs while waiting for builds? Feel like whipping up a prototype of your latest idea? Go is the way to go! Check out thevideo for more information or visit golang.org.

http://golang.org/　Go 官網

[閒聊] 知識管理 Knowledge management

2009-11-12T04:00:00.000-08:00

隨著科技發展，人們對於知識與資訊的需求越來越大，不管是每日流通的資訊新聞，還是由工作所累積的知識經驗，該如有效處理整合這些應用相關知識並重複利用是現今資訊時代必須探討的議題。一般對於知識管理方面，會建構一套知識管理系統（KMS，Knowledge management system）來進行知識管理。創造此系統的主要目標為可以有效的：1.擷取 2.保存 3.分享 4.創造 5.實踐知識。下圖為 KMS 架構：

一般而言 KMS 有自行開發與委外兩種，而在委外方面目前台灣較有代表性的有4 家：

1. 碩網資訊 (smartKMS)

2. 叡揚資訊 (vitals/KM)

3. 意藍科技 (e KM4.5)

4. 凌網科技 (GKP)

更多資訊就自行 google 囉!

[閒聊] 資訊視覺化 Data Viualization

2009-11-10T21:26:00.000-08:00

何謂資訊視覺化？根據 Wiki 維基百科定義，資訊視覺化是將資料（data）以視覺化方式呈現。舉個例子，看看本 blog 的標籤雲部分，顏色越亮文字越大代表相關文章越多。簡單來說，利用文章數目的資料轉換成文字視覺上的變化，讓使用者可以輕易了解目前文章數量多寡，這就是資訊視覺化的表現。

其他例子有中央氣象局的雨量分布圖使用顏色手法為例，可以發現台灣東部有一點雨量，觀察詳細點，右半部色條由下往上是由淺藍變成紅色。為何這樣設計？一般而言紅色會給人警戒的感覺，因此在設計上越偏紅色代表雨量越大高，而藍灰色給人平靜緩和的感覺，代表雨量小；同樣的紅色會放上方，藍灰色放下方。所以中央氣象局的雨量分布透過不同顏色分部可以很快瞭解目前台灣降雨量現況，這是將雨量數值轉換色彩的表現。

當然資料視覺化呈現方式可以千奇百怪，亦可成為設計師發揮創意的利器。

[閒聊] 技術只是創意發揮的工具

2009-11-10T04:34:00.000-08:00

某前輩提到，技術只是創意發揮的工具，也就是說不管今天學到甚麼新技術，在朋友或者同事詢問時，應該要大方不令嗇地分享，因為技術很快就會被淘汰換新，而創意才是真的價值所在。

我想技術只要花一些時間學習可以馬上到手，但是創意需要長時間腦力激盪與事物觀察，才能在短時間內迸出創作靈感的火花。

小弟覺得這句話非常精典，所以這邊分享給大家囉！

[閒聊] LEGO MINDSTORMS NXT 2.0

2009-11-07T10:03:00.000-08:00

如果覺得 arduino 門檻太高，可以玩玩樂高出品的 LEGO MINDSTORMS NXT 2.0 (2009.8月上市)，比較簡單上手，但是價格不菲，一台要美金 280 約台幣 10000, 市面上也有教學書級（我記的是台大土木系有再玩也有出書）。這套機器人有附軟硬體，編寫簡單程式就可以讓機械人動起來。［補充一下］ - 不一定要機器人型狀，經過排列組合也可以組合成任意想要的形狀。

購買頁面 http://shop.lego.com/ByTheme/Product.aspx?p=8547&cn=17&d=70

樂高 mindstorm 首頁 http://mindstorms.lego.com/eng/Israel_dest/default.aspx

其他就自己 google 吧 ~

[閒聊] Arduino

2009-11-07T09:07:00.001-08:00

arduino 一片版子不便宜大約價格1300台幣 (義大利製) ，對於互動裝置設計有興趣的人可以買來玩玩，但是玩硬體就得花大錢就是了。

[閒聊] 光怪 Funky light

2009-11-07T07:41:00.000-08:00

第四屆台北數位藝術節以「光怪Funky light」為主題，邀請來自德國、瑞典、西班牙以及日本的國際藝術家，展出五十個運用光影變幻的作品，比如保羅．巴布埃納的《擴增雕塑》（台北當代藝術館展示），利用投影光線將建築瞬間變成了活生生的物體；另外，也精選國內外的多部動畫舉辦特展，活動從6號開始到15號在台北數位藝術中心、台北當代藝術館、西門紅樓、華山創意園區、台北歌德學院等地展出。活動詳情可上網查詢 http://www.dac.tw/daf09/index.html

老實說部分展品應該篩選一下，因為有些互動展品感覺只是單純體驗互動樂趣，而意涵與深度略顯單薄，但是看看玩玩還是不錯的 :D

[閒聊] Flash Game Engine - flixel

2009-11-04T23:22:00.000-08:00

flixel is a completely free collection of Actionscript 3 files that helps organize, automate, and optimize Flash games; an object-oriented framework that lets anyone create original and complex games with thousands of objects on screen in just a few hours.

site : http://flixel.org/

[閒聊] Arduino 互動平台 - 讓設計師有更大發揮空間

2009-11-03T23:30:00.000-08:00

不論身在什麼領域裡的人，相信你一定都聽過任天堂的遊戲機－ Wii。這個靠偵測人體動作或重量來進行遊戲的玩意兒，真是迷死人了！

這個風靡全球的遊戲機，其實就是一種互動裝置。而互動裝置其實無所不在，像是房間中的冷氣溫控，就是利用感測器偵測環境溫度，以自動調節室溫；還有大樓玄關的物體感測，一有人靠近就能自動開燈照明…。這些裝置都為生活帶來便利，是非常優秀的科技商品。而如果互動能帶給人們驚奇，有時後也會以藝術品的角色出現在展覽館當中。

以往需要處理有關電子的設備時，就會想到找工程師，並逐一由多個小元件併湊出整個電路；這些問題使得創意人始終無法親手接觸電子的領域。大多數的工具都是為工程師設計的，並且需要廣泛的知識。所幸近年來，微處理器變得更加便宜和容易使用，也生產出更多實用的工具。

因此 Arduino 誕生了，Arduino 是一種開放授權的互動開發平台，包含一塊擁有簡單輸入、輸出 (I/O) 的開放原始碼電路板, 以及實作 Processing 語言 (www.processing.org)。它讓初學者經過短短兩三天的學習後, 就能開始製造互動裝置；而設計師及藝術家們，也能透過 Arduino 很快習得電子和感測器的基本知識，花小錢就能製作設計作品的原型！

http://arduino.tw/ arduino 台灣

[閒聊] UI Gathering 臉書俱樂部

2009-11-03T10:18:00.000-08:00

UI Gathering 有粉絲俱樂部囉 ~

想對介面設計有更深入了解就加入吧 ~

http://www.facebook.com/upatw

[閒聊] FlashGameEngine PushButton & Yogurt 3D

2009-11-03T01:05:00.000-08:00

官網 http://pushbuttonengine.com/

The PushButton Engine is an Open Source, Flash game engine and framework that's designed for a new generation of games. PushButton Engine makes it easy to bring together great existing libraries and components for building Flash games. Spend less time on code, more time on building fun games.

PushButton 是一個開源 flash遊戲引擎與框架.
並綜合現有非常棒的遊戲相關函式庫.
可以花少點時間寫程式，而花更多時間去建構有趣的遊戲.

官網 http://www.yogurt3d.com/index_en.html

Yogurt3D Game Engine (Y3D) is a 3D Flash engine that works inside your browser via Adobe Flash Player and doesn't require users to download plug-ins. Yogurt3D's core part, SwiftGL, is based on an OpenGL compatible framework and will be free software. This means developers who already program in OpenGL or are familiar with APIs can easily develop 3D Flash games and applications. Y3D supports major 3D modeling and animation platforms and enables user-generated content such as avatars, interiors, objects and animations.

Yogurt3D 是一個以 Opengl 相容的程式框架建構出的遊戲引擎.

[ 更多 flash 遊戲相關有趣新聞可以造訪AFGG ]

[閒聊] 全台首家互動餐廳 - Mojo

2009-11-02T00:43:00.000-08:00

官網　http://www.mojo.tw/about.htm

全台首創! 西式創意料理結合高科技互動式點餐桌面。跨國界的融合式料理，搭配高科技、高於樂性、高設計感的互動桌面。加上時尚，現代，俏皮的空間設計藝術，同時提供高品質的用餐服務。２００９年１０月中旬剛開幕不久～大家可以先去嘗鮮。

[作品] 前年的手繪 CG 作品 - Bizarre Love Triangle

2009-10-31T08:32:00.000-07:00

tessellation的概念進行構圖，可點擊放大

[閒聊] 互動世代－互動科技、互動建築、互動藝術

2009-10-31T06:49:00.000-07:00

今日參與 UI Gathering 第 10 次舉辦的研討會，主題是人與空間的完美互動。

一開始由阿修（今天很驚奇的發現是我學長＠＠）開場提到現代建築設計應是符合時代與地點的獨特產物。

其次由第一位講者華碩電腦使用者經驗設計師唐聖凱從原始時代北京人建築講起，提到當時的人在建築上會考慮不同氣候環境或地形建立不同形式建築，也是最早人位需求而設計建築。而到了羅馬希臘神權時代，在建築視覺設計上重點是華麗且神性的表現，反而淡忘使用者需求設計的概念﹔而中國、馬雅與埃及建築設計上更是以權力為象徵設計，房子疊得越高、占地範圍越大來代表權勢，亦是沒有關心到使用者所需。直到現代數位與互動建築，大家開始回到user-center design 的議題，除了開始探討人類在生理、心裡、甚至精神需求上人與空間的關係外，也探討到風與建築的關係、氣溫與建築的關係，還有依照使用者需求自動化變形建築空間、module robot、smart material 等有趣議題。

下半場由木石研設計總監范赫鑠彈空間與超介面，從空間運算、電腦輔助設計(CAI)、互動立面、HCI 探討人與空間的互動關係，亦提到未來智慧化住宅的自動偵測、介面簡單化與彈性設計的概念。後半部提出一些專案實作案例介紹，十三行博物館、Nike6453、mojo互動餐廳等沉浸式互動空間設計，最後以『互動只式表演的空殼、形式、或技術，文化才是內容』作結語，言下之意即在作任何互動產品設計之前，須考量各國不同文化來進行產品設計。(xXtralab)

UI Gathering 研討會主題理論講解的非常扎實且有趣，約 2 個月舉辦一次，小弟強力推薦~讚!

個人心得:

小弟剛好也是剛踏入互動科技領域，瞭解互動的一點皮毛

互動是人與人或人與電腦間溝通的過程，

人與人互動可以稱 social interaction

人與電腦可以稱 human-computer interaction

透過各種互動關係

1) 互動科技> 任何與人互動之軟硬體，像是互動牆、互動桌 ( multitouch ) 等

2) 互動建築> 由互動科技延伸，強調人與空間互動關係

3) 互動藝術> 由互動科技延伸，在人與互動裝置藝術展品間的關係

4) 互動遊戲> 遊戲也是互動展示一種

相繼發展出來，未來或許有更多有趣的互動領域誕生，

隨便說說，像是互動教育、互動心理學、互動醫療等或更多有趣發展。

準備好迎接互動新世代了嗎～:D

[閒聊] 讓科技更貼近人性

2009-10-29T00:01:00.000-07:00

現今許多科技產品講求符合人性，以使用者為中心（user-center design）進行設計。不管是虛擬實境、網站、PDA、Mobile、或是工業或商業設計產品，除了要達到使用者於軟硬體介面操作的有效性、安全性、功能性、易學性、易記性、迅速性外，人們也注意到在設計互動產品時，該產品是否令人感到：

★ 令人滿意的
★ 愉快的
★ 有趣的
★ 具娛樂性的
★ 有助益的
★ 啟發動機的
★ 美學愉悅感的
★ 激發創造力的
★ 有回報的
★ 讓人情感滿足的

把這些設計元素融入在設計中，或許可以讓使用者有更加快樂且有趣的經驗，亦可創造無限商機.

ｅｘ：

硬體設備：瓢蟲形狀的滑鼠
生活產品：巧克力鏡子、香蕉筆

[推薦] eportfolio專家- iPortfolio 個人數位歷程檔案

2009-10-26T23:07:00.000-07:00

幫業務友人打一下廣告 iportfolio

[閒聊] 視覺設計 - 從本身做起

2009-10-25T11:10:00.000-07:00

曾經看過一本書有提到，該如何成為一位視覺設計師。
很簡單，
就從本身做起。

有想過自身打扮的問題嗎？
從配色、樣式、風格、飾品搭配、身材修飾來看
如何讓視覺整體能看起來舒適、有質感、讓身邊人由衷地覺得好看。

相信從衣服穿搭上可以訓練視覺設計素養。
趕快動手吧～

[閒聊] Adobe Flash 遊戲設計論壇

2009-10-22T08:20:00.000-07:00

Adobe Flash 遊戲設計論壇

造訪此群組

歡迎遊戲設計愛好者捧場

[教學] AS3 中如何刪除樹狀結構所有資料

2009-10-18T23:16:00.000-07:00

AS3 中的 DisplayObjectContainer 包含MovieClip,Shape,Sprite等,或是Array資料結構,或是XML資料格式都是母子樹狀結構關係.

以 DisplayObjectContainer 為例

function deleteAll(node: DisplayObjectContainer){
　　while(node.numChildren)
　　{
　　　　deleteAll(node.getChildAt(0)); // 遞迴呼叫函式
　　　　node.removeChildAt(0);
　　}
}

deleteAll(rootNode); // rootNode為基層,利用遞迴可以歷遍所有元素

[閒聊] 知識開源時代如何脫引而出？

2009-10-15T08:52:00.000-07:00

　　World Wide Web 龐大資料庫帶來人們資料搜尋的便利性，從 Google、Yahoo 搜尋引擎敲入幾個關鍵字即可找到任何想要的資訊。許多知識包括教育、藝術、人文、經濟、心理學、商業、法律、計算機、醫療、工業、建築、農林、漁牧、家政、運輸通信、觀光、大眾傳播等都可以透過網路輕鬆獲取相關資源。網路資訊傳播的發達與進步讓知識傳遞無遠弗屆，不管是哪一個國家，都可以站在同一個起跑線上享用同樣的 WWW 資源寶庫。

　　面對知識開源帶來的衝擊，該如何比他人能看的更遠、爬的更高，還是需要一些小撇步。看個短新聞。不到十年的時間，洋華光電不但成功擠進全球中小尺寸觸控面板產業鏈、躍升為1.2到12吋觸控面板的第一大廠。該公司資訊部協理李嘉斌表示關鍵在於高效率的IT團隊，以及善用外部資源。洋華光電資訊部協理李嘉斌說道：「事實上，反應快的團隊除能即時滿足、支援業務需求，還能事先預想各部門同仁可能會有哪方面的需求」、「技能可以透過在職訓練的方式培訓，但是樂於為人解決問題的態度，以及敏捷的反應能力則是培養不出來的。」、「挑選擁有極高技能但卻不善於溝通、或不具備熱忱態度的資訊人員，不若選擇那些反應靈敏的資訊從業員。」（蔡宜秀，2009。ZDNET）。上述幾句話點出一些『現代人才需求』的要點，moka對這些話的見解是：

　　1. 善用外部資源：

　　　　閉門造車的年代已經過了，在這知識開源的時代90%以上問題都可以透過網路解決，擅用網路資源可以節省大量金錢與時間。

　　2. 培養解決問題能力與敏捷反應能力：

　　　　培養解決問題能力來自於平日知識累積，除了發問外，在無他人幫助下可以利用網路或圖書館找解答，很快的問題解決能力就會上升，而幫助他人解決問題情況下亦可額外培養知識與經驗。透過知識累積，相對的針對問題解決的敏捷反應能力就可以培養出來。

　　3. 溝通才有辦法解決問題：

　　　　所有問題都好解決，就是人跟人之間的溝通最麻煩。溝通問題大部分來自「心理障礙」，個人覺得如果擁有高技能但是溝通能力不足的人，可以依靠多幫人解決問題讓自己獲得成就感，同時可以在問答之間慢慢修正口條，不但能培養解決問題能力，在溝通上也會漸進順暢。

[教學] AS3 用字串建立元件聯結庫物件

2009-10-13T03:24:00.000-07:00

今天剛好有朋友問到一個問題，該如何用字串建立元件聯結庫物件，

var strObj:MovieClip = new Symbol1(); //一般建立方式

要是要從元件庫建立100個不同物件怎麼辦?

moka用以下方式解決

var arr:Array = [];

for(var i:int = 1;i<=100;i++){

var ClassRef:Class = getDefinitionByName(("Symbol"+i)) as Class;

arr.push(addChild(new ClassRef()));

}

arr[0].x+=100;

簡單又迅速~

[閒聊] 視覺設計師 V.S. 程式設計師

2009-09-28T10:02:00.000-07:00

以下是 moka 的看法。

以網頁設計而言，

視覺設計師與程式設計師哪裡不同 ? 哪裡相同 ?

視覺設計師的工作

板形切割、使用者介面、配色、字級調整與字型選擇、對每一 pixel 的錙銖必較，

甚至是如何將視覺張力、情感表達、故事性、想法靈感、文化、生活融入在網頁設計中，

因此平日就必須多培養觀察能力，多腦力激盪，

一杯咖啡、一片葉子，還有身邊發生的林林總總或許就是靈感來源。

程式設計師的工作

程式撰寫、資料庫、效能最佳化、跨平台、培養邏輯思考、自我時間規劃、

探討軟體限制與極限、最佳產能、模組化、資訊架構規劃、學不完的 API 與軟體，

尤其面對新資訊新科技不斷的創新，要隨時吸收與掌握。

設計師的素養

不管是程式設計師或是視覺設計師，有些時候會面臨重新設計的問題，

自我意識較高的設計師會沒辦法接受他人意見，但是這樣並沒有辦法解決問題。

是否要放棄自己的想法，抑或是完全採納別人的意見，而到底要如何做抉擇呢？

首先得先了解何謂設計師。

設計師即發現與分析問題並找出解決辦法的人。

因此當接受他人批判時，

設計師應該先提出自己的觀點，包含為什麼、優勢在哪邊？

同樣的設計師也要引導批判者提出自己的觀點，

並了解批判者的想法，

像是如何讓對方完整表達清楚為何要修改、設計缺陷在哪邊，是否有更好的解決辦法。

在問與答之間，設計師需要依靠的是智慧與經驗來解決問題，而不是感情用事，

雙贏才是最終目標。

根據 test 網友所述，moka的想法是：

對有程式概念的視覺設計師來說，
在建構畫面時可以更有邏輯性與設計原則。
而對有視覺概念的程式設計師來說，
可以設計有創意且符合人機互動原則的程式設計。
尤其專案中可以很快搭起程式互動與視覺的橋梁，
並且迅速掌握整體設計概念。
兩個方向都接觸可以讓設計有更宏觀的看法且容易作專案整合。

[作品] 台北的夕陽

2009-09-27T04:47:00.001-07:00

攝影自政大附中附近 (點圖放大)
Canon G9
f/3.2
1/40 sec
ISO-80
焦距13mm
photoshop curve 加亮

[閒聊] Adobe Director 12 快出吧 ~

2009-09-22T09:48:00.000-07:00

目前 flash pv3d 的三維呈現是採用軟體模擬方式處理所以比較慢,
各位真的想做 3d 遊戲的話需要使用 directX 或 openGL , 因為這兩套 API 才是主流
Adobe 有出一套多媒體應用程式叫作 Director, 其可以說是 flash 開發的雛形
所以 Director 基本上跟 flash 的操作方式大同小異,
但是 Director 有 3d 的函式能支援 directX 與 openGL, 所以能做出專業的 3d 遊戲.
如果真的想要開發 3d 遊戲可以選擇 Director.

Director 也支援線上播放, 但需安裝 shockwave player
就像 flash 必須安裝 flash player 一樣的道理.
Director 可以說是 flash + AIR,
因此可以做動畫, 作遊戲, 作網頁, 也可以與作業系統互動. 甚至可以開發外掛 ( Xtra ).
雖然現在 flash 發展的比較好,
但是 Director 在 3d 的表現和各種檔案的整合能力還是比較強,
所以還是有它的的價值.

moka 是從 Director 先學再學 flash. 所以很清楚了解兩者特性.
有關 Director 的問題這邊也可以做個交流 : ) ~

Director 較新資訊
The Director Mile High Table O' Products 所有xtra
閑闪互动多媒体-Director director 相關新聞
shockwave 官方部落格
Director 產品資訊

[作品] CG - Android MK II

2009-09-22T07:32:00.000-07:00

Android 機器人真可愛，幫它改裝成黑色板 : )
photoshop + 3dmax 製作

[教學] AS3 函式類別 package 表示方法

2009-09-20T00:05:00.000-07:00

// 將 Classes 作 A, B 函式類別的 package

var Classes:Object = {

　A:function (){trace("A call")},

　B:function(){trace("B call")}

}

var myObject:Object = new Classes.A;

var myObject2:Object = new Classes.B;

[教學] AS3 命名空間類似介面用法

2009-09-19T12:02:00.000-07:00

如果 public、private、protected 權限沒有辦法滿足你，另外可以自訂命名空間

下方有三個類別分別為：

myAccess.as - 定義空間名稱為 myAccess

DO1.as - DO1 的 draw 函式只給命名空間為 myAccess 所使用

DO2.as - DO2 的 draw 函式只給命名空間為 myAccess 所使用

//myAccess.as

package { public namespace myAccess;}

//DO1.as

package { public class DO1{ myAccess function draw():void{ trace("draw DO1"); } }}

//DO2.as

package { public class DO2{ myAccess function draw():void{ trace("draw DO2"); } }}

// 客戶端程式，這邊 DO1 與 DO2 之間並沒有繼承關係，
// 但是利用 myAccess 命名空間可以建立兩者關係
// 下方跟介面(接口)用法很類似，但是存取權限方式可以有更有彈性的設計

var do1:DO1 = new DO1();
var do2:DO2 = new DO2();

//do1.draw(); // error , can't directly access , user不能直接存取
//do2.draw(); // error , can't directly access , user不能直接存取

function drawProxy(Ob:Object):void{

　// use 指令為使用某空間
　// 本設計為在此函數內才能存取 ,或許將此函式封裝在其他類別內更好 : )

　use namespace myAccess;
　Ob.draw();
}

drawProxy(do1);
drawProxy(do2);

[教學] flash as3 enum 結構設計方法

2009-09-19T10:56:00.000-07:00

public final class Color{
　public static const BLACK : String = "black";
　public static const WHITE: String = "white";
　public static const RED: String = "red";
　public static const BLUE: String = "blue";
　public static const GREEN: String = "green";
}

[教學] communication between C# and flash

2009-09-19T05:46:00.000-07:00

不想用 AIR 的話也可以用 flash ExternalInterface 與 C# 溝通來做出更多樣化的程式。

flash 與 C# 雙方利用傳字串方式來呼叫相應函式。

Flash 端：

// 被 C# 呼叫的函式

ExternalInterface.addCallback("cstoas", function cstoas(s:String):String{

　　test.text = s; //會傳'酷耶'字串進來

　　return "cstoas return msg"; //回傳字串到C#

});

// 呼叫 C# 函式

functionExternalInterface.call("axShockwaveFlash1_FlashCall");

C# 端：

private void axShockwaveFlash1_Enter(object sender, EventArgs e) {

　　axShockwaveFlash1.LoadMovie(0, Application.StartupPath + "//csharp.swf");

　　// 呼叫 flash cstoas 函式，可丟字串參數與接收字串回傳參數
　　Debug.WriteLine(
　　　　axShockwaveFlash1.CallFunction(
　　　　"＜invoke name='cstoas' returntype='xml'＞" +
　　　　"＜arguments＞＜string＞酷耶＜/string＞＜/arguments＞＜/invoke＞"
　　　　)
　　);
}

private void axShockwaveFlash1_FlashCall(object sender, AxShockwaveFlashObjects._IShockwaveFlashEvents_FlashCallEvent e) {

　　// 被 flash 呼叫的函式
　　Debug.WriteLine("astocs");
}

[教學] 3 行作 AIR alert

2009-09-19T02:33:00.000-07:00

flash、flex、air 要學哪一個 ?
FLASH - 強項在動畫與視覺設計部分，as3之後將 UI 部分交給 Flex 主導，可發布 AIR。
FLEX - 強項在 UI，以 MXML 格式撰寫 UI，可快速建立應用程式並與伺服器整合，可發布 AIR。
AIR - 將 FLASH 與 FLEX 做延伸，可建立桌上型網路應用程式，像是 fileio、native window、SQL Database、DRM、PDF、Air.Net ... 等控制都可以做到。
對程式設計出身者可以選擇 FLEX - 以撰寫類似 html 方式快速建立使用者介面(超多UI元件可以選擇)
對視覺設計出身者可以選擇 FLASH - 不管是動畫、特效或遊戲都可以輕鬆建立
兩者都可以發布 swf 應用程式
兩者都可以發布 AIR 應用程式

回歸正題要怎麼在 AIR 中使用 alert >>>

Flash AIR 沒有 Alert 可以用，那借用 html 裡 javascript 的 alert 如何?

var html:HTMLLoader = new HTMLLoader(); // AIR 的功能 HTML container

this.addChild(html); // HTML container 也是 DisplayObject

html.loadString("＜script＞alert('DesignPlusPlus')＜/script＞ ");// show javascript MessageBox

[教學] PHP GD 32bit ARGB Color

2009-09-19T01:07:00.000-07:00

flash 有 setPixel32 函式提供透明像素著色處理 , 以下是 PHP GD 模擬方式

function setPixel32( $x, $y, $color, $im ){
　$a = $color >> 24;
　$r = $color >> 16 & 0xFF;
　$g = $color >> 8 & 0xFF;
　$b = $color & 0xFF;
　$a = $a >= 0 ? $a : 256 + $a; //$color 超過 0x80FFFFFF 作溢位修正

　$color = imagecolorallocatealpha ($im, $r, $g, $b, (255-$a)>>1 ); //alpha : 0~127
　imagesetpixel($im, $x, $y, $color);
}

$image = @imagecreatetruecolor(640, 480) or die("Cannot Initialize BitmapData");
setPixel32( 20, 20, 0x33FFCC00, $image ); //半透明橘色

[閒聊] 簡單 jogl 入門

2009-09-16T10:49:00.000-07:00

想深入了解 3d , 用C++ 開發 DirectX 跟 Opengl 看似很難上手.pv3d 製作上又沒頭緒
先來看看 jogl 吧 , 還記得 java 跟 opengl 兩套都是跨平台的程式吧.
jogl 整合 java 與 opengl. 透過 java 也可以撰寫 opengl 程式.
這對 as3 developer 是件好消息.
因為 java 跟 as3 撰寫起來根本一樣簡單.
學習 3d 可以從這邊開始 ~
而且 eclipse 編譯器 code hint 太強了 ( 跟 flex builder(flash builder) 同一個編譯器 )
可以爽爽寫程式碼 ~ :)

下載 eclipse java 編譯器 ( Eclipse IDE for Java Developers (92 MB) )
下載 api 說明書與函式庫 ( jogl-1.1.1a-docs.zip & jogl-1.1.1a-windows-i586.zip )
Opengl 教學說明 ( 關於此教學是以 C 作範例教學，不過基本上範例用的函式名稱跟 jogl一樣 )

安裝說明
1. 安裝 eclipse
2. 解壓縮 jogl-1.1.1a-windows-i586.zip ( 我的平台是windows )
3. 將解壓縮的所有 dll 放在 X:\Program Files\Java\jre6\bin
4. 將解壓縮的所有 jar 連到 eclipse 的外部函式連結中

moka 範例

除了 java 可以和 opengl 結合
也可以選擇類似 as3 的 C# ( 念 c sharp ) + opengl
或 XNA(directX) 或 darkGDK(directX) 都可以玩玩