Life with Interaction

[AS3] 關於 ActionScript 與硬體 (I)（Physical Computing）

2011-09-05T12:26:00.000-07:00

↑↑↑↑↑ 點擊觀看影片作品名稱：老樹互動裝置只要觸碰上面的點，就可以觀看那個地區的主要老樹。百年老樹巡禮展活動網址：http://www.husart.net/oldtree/idt.php 關於此作品本人是用 Phidget Interface Kit / Touch Sensor (觸碰感測) 與 Flash 串資料！事先準備： 1. Phidget 官方網站： http://www.phidgets.com/ 此網站有介紹很多感測器。個人這次使用心得覺得非常穩定！ 2. 選擇一個 I/O board 來當做輸入與輸出的裝置：本人是選擇 1018 - PhidgetInterfaceKit 8/8/8 如圖： 3. 選擇一個感測器，這次專案以觸碰為主，所以就挑了觸碰感測，這個感測器有個特色，

[AS3] 細胞分裂效果 -- Cell division effect

2011-09-01T07:43:00.000-07:00

↑↑↑↑↑ 點擊觀看效果原理就是用一些點組成圓形，再隨機從一個點發射出去找圓心，然後從那個點的四周去隨機取幾個點組成圓形，創造出細胞分裂的感覺。 ↑↑↑↑↑ 點擊觀看效果上面是一開始作品的原理雛形，我還蠻希望這種有機體的議題能夠繼續發展！有機會找個議題創作！原始檔：cellAS.fla JERROMY

[AS3]文字效果 -- LED Light Effect

2011-08-31T06:54:00.000-07:00

↑↑↑↑↑ 點擊觀看效果 LED 跑馬燈效果，利用畫出文字跑的點陣圖，再去取得像素資訊，接著判斷文字顏色位置相對於LED燈的位置，當像素顏色符合想要偵測的顏色就發光，其他的就變暗！其實有想到其他作法，如果有實作出來，且又更精確，再分享給大家知道！ var pixelValue = drawTxtBMD.getPixel(i, j); //將像素裡的各個RGB取出來 var red = pixelValue >> 16; var green = pixelValue >> 8 & 0xFF; var blue = pixelValue & 0xFF; //判斷顏色亮度 => 向量的長度 var bNum = Math.sqrt(red*red + green*green + blue*blue); //此函式可將畫面中的圖片顏色降階！ //

[AS3] PV3D 3DS Max DAE 角色製作相關經驗談

2011-08-30T09:19:00.000-07:00

↑↑↑↑↑ 點擊觀看效果 step1: 在3DS MAX裡做好模型。step2: 在3DS MAX裡做好動畫。step3: 轉成 DAE file。step4: 用as3 PV3D lib 將 DAE load 進來。step5: 用as3 PV3D lib 指定每個動作的動畫範圍。step6: 指定角色撥動畫。 //load DAE 檔進flash daeFile = new DAE(false, "character", true); daeFile.load(模型檔案, 模型材質); daeFile.addEventListener(FileLoadEvent.LOAD_COMPLETE, handleLoadComplete); daeFile.addEventListener(FileLoadEvent.LOAD_PROGRESS, handleProgress

[AS3]速度線效果 --- Speed Line Effect

2011-08-26T15:31:00.000-07:00

↑↑↑↑↑ 點擊觀看效果遊戲的時候，增添速度線，可以增加速度感，在那之前或許有些人會一直環繞在怎麼讓粒子運動，變成軌跡狀態(trail)，跟隨著運動的物件，就可以達到效果，但其實在FLASH充分利用影格的觀念，就可以達到此效果。 step1: 我在Flash畫一個速度線的元件 step2: 然後將那個速度線元件設定兩格關鍵影格，創造影格迴圈。step3: 在第一格關鍵影格寫程式。 step4: 在舞台上複製15個元件，每個元件隨機運動，即可達到效果。每個元件第一個影格上的程式碼： this.rotation = Math.random()*360;this.alpha = Math.random()*0.5+0.2;this.scaleX = Math.random()*0.6+0.5; 原始檔下載：speedLineEffect.zip

[AS3]隨機文字效果 -- Random Words Running Effect

2011-08-24T22:52:00.000-07:00

幾個觀念，把想要顯示的字存到陣列裡，然後用隨機的文字去取代那些顯示的文字！然後用ENTER_FRAME一直隨機取代，取代後再拼湊出來。畫面上只要點擊就可以重新隨機一次。大家可以玩玩看！本人寫成一個簡單的類別！ var randomWord_mc:randomWordMC = new randomWordMC("想要隨機顯示的字"); addChild(randomWord_mc); 有興趣的人可以去改改class！原始檔下載: randomWords.zip JERROMY

[AS3] 關於FLASH native 3D 技術

2011-08-20T11:34:00.000-07:00

↑↑↑↑↑ 點擊觀看效果其實用Flash內建3D效果，已經可以做到很多事情！目標物件.globalToLocal3D(new Point(畫面中座標));將畫面上2D座標轉換成顯示物件local端3D座標測試雛形： ↑↑↑↑↑ 點擊觀看效果 import flash.display.Sprite; import flash.display.SpreadMethod; import flash.events.Event; import flash.geom.Vector3D; import flash.geom.Point; var angle = 0; planeTest_mc.rotationX = 80; planeTest_mc.rotationY = 10; addEventListener(Event.ENTER_FRAME,

[新作品] 詩肯柚木百店慶 3D夢想家佈置

2011-08-07T20:42:00.000-07:00

首頁 3D卡片佈置其他人設計的卡片親自製作3D夢想家活動網址：http://scanteak.linkinedge.com/2011decoratehome/#/home製作公司：邊境數位科技 Interaction Artist/Programmer: JERROMYInteraction Programmer: ElaineVisual Designer: EmilyBackend PHP: ElaineAccount: AmandaPM: Jerry 活動簡介：只要參加詩肯柚木活動，自己編輯自己的3D卡片夢想家，即有機會抽中詩肯家具。本次專案，利用Flash內建的3D引擎打造。想關技術在發文來分享！！ JERROMY

[新作品] 澳美客 OUTBACK 牛排粉絲頁籤APP

2011-08-07T20:27:00.000-07:00

首頁個人食材頁與組合頁邀請好友分類朋友的分店單獨邀請與朋友交換食材奧美客粉絲團: http://www.facebook.com/outback.fan活動網址: http://www.facebook.com/outback.fan?sk=app_168229243246160邊境數位科技: http://www.linkinedge.com/Interaction Artist/Programmer: JERROMYVisual Designer: ShadowPHP Backend: ElaineAccount/PM: Bruse活動簡介：只要前往活動開店成功，並且邀請朋友開店交換食材換取餐點，餐廳等級越高，就可以列印折價券，並且抽千元禮券！JERROMY

[新作品] 雲朗觀光 - 分享開房樂 - facebook TAB 粉絲頁籤 app

2011-04-08T12:46:00.000-07:00

粉絲頁籤 app 首頁自己的房間有人check in房間選擇想要開的房間活動名稱：雲朗觀光-分享開房樂活動網址：http://www.facebook.com/lhoteldechinegroup?sk=app_104058846346429APP形式：粉絲頁籤app活動簡介：只要加入雲朗觀光粉絲頁粉絲，就可以參與開房間的活動，可以選擇雲朗旗下的各家飯店來開房間，每間房間開成功需要5個人，達到就可以參加抽獎，使用者可以邀請自己的朋友來自己的房間 Check in，或是成為別人房間的房客，當到達房間規定人數，就有機會得到免費住宿券。每段時間都會有固定的幸運數字出現在雲朗粉絲團，當您開房成功後就可以得到幸運數字，如果對中的話，也有機會得到免費住宿券。Interaction Director/Artist: JERROMYInteraction: ELAINVisual Designer:

[新作品] 春草美妝- 3秒KO活動

2011-04-06T10:56:00.000-07:00

首頁輸入姓名選擇武器選擇發洩人物開始發洩得到安康符咒活動名稱：春草美妝 - 3秒KO打小人網址：http://www.springmeadow.com.tw/#/intro春草美妝粉絲團：http://www.facebook.com/pages/春草美妝/161504240551169活動簡介：只要加入春草美妝粉絲團，就可以參與3秒KO活動，選擇您平日最討厭的人來發洩，並取得安康符咒，讓您生活更順利。整個網站，因為時間的關係，大概還有3成想做的事情沒做到，日後再發展。利用FLASH 內建的3D和簡單的數學就可以創造不倒翁的效果。Interaction Artist/Porgrammer: JERROMYVisual Design/HTML: EMILYHTML/Dynamic Animation: JOHNIllustrator: JIMMYBackend: YAFFILJERROMY

[新作品] Intel 智慧城市

2011-03-20T11:39:00.000-07:00

活動首頁城市建築導覽城市護照活動名稱：Intel 智慧城市活動網址：http://intelcore.event.linkinedge.com/設計公司：邊境數位科技 http://www.linkinedge.com/活動說明：活動時間內，用facebook或個人設定帳號登入CityPass, 去Intel 各大城市去探索答案，並回答六大城市建築的問題，即可有機會獲得Intel公仔，與少女時代限量海報。Interaction Artist/Programmer: JERROMYVisual Artist/ Design: JUDIANHTML Design/Animation: JONNBack End ASP: YAFFIL互動創意指導JERROMY

[新作品] Stick N 官方網站 - 與藝術家劉邦耀合作

2011-03-20T10:53:00.001-07:00

官網首頁stickN logo劉邦耀插畫首頁Google Map 作品產品網頁FB app 1FB app 2專案名稱：Stick N 全球串連網址: http://www.stickn.com/FB app: http://apps.facebook.com/event_stickn/Stick N 粉絲頁: http://www.facebook.com/STICKn劉邦耀 Deadline2: 活動簡介：藝術家劉邦耀製作知名作品 DEADLINE, 現在與JAY環遊世界12個國家順便幫世界便利貼第二大品牌StickN代言宣傳，在年底前在facebook app上傳用StickN便利貼貼出來的邦耀小人與自己生活的照片，即可有機會得到1000美金，並有機會納入邦耀的新作品裡。大家可以踴躍參與。Artist: 劉邦耀Interaction: JERROMYInteraction:

[FLASH 教學] flash native 3D - 消失點控制

2011-03-07T03:07:00.000-08:00

DisplayObject.transform.perspectiveProjection.projectionCenter = new Point(stage.stageWidth/2,stage.stageHeight/2); 將顯示物件內的消失點座標定為舞台的中間EX: 上面程式碼將消失點定在舞台中間。教學1: http://www.flashandmath.com/flashcs4/pp/index.html教學2: http://help.adobe.com/zh_TW/ActionScript/3.0_ProgrammingAS3/WSCE716DAD-9364-464f-AFE9-8E578525AD54.html JERROMY

[新作品]Special K 美味報 -- facebook App

2011-03-06T21:40:00.000-08:00

活動首頁編輯美味報樣式美味報列表 - 觀看其他人美味報美味報內容模擬對某篇文章點讚活動網址: http://apps.facebook.com/myspkrecipes/設計公司: 邊境數位科技活動說明: 網友們只要參予活動分享食用 Special K 的創意食譜，就有機會變成某雜誌的專欄。Interaction Artist/ Programmer: JerromyVisual Design: EmilyPM: CindyASP: Yaffil互動創意指導JERROMY

[新作品]Special K 窈窕K計畫 - facebook App

2011-03-06T20:38:00.000-08:00

活動首頁爆料好友還需要瘦幾公斤點出自己想要戒什麼美食活動完成- 折價券發佈FLASH塗鴉牆活動網址: http://apps.facebook.com/mykproject/設計公司: 邊境數位科技活動說明:只要連上上面網址，先選一樣你想戒掉的美食，再爆料一位好友需要減肥多少，就可以得到一張優惠券。並且讓網友一起集氣減肥K數，共同創造目標。特色:舊版的facbook 頁籤沒辦法做flash App，所以就想怎麼製作才能與粉絲頁塗鴉牆完美結合，就請公司同仁的JOHN寫了CSS，讓版面跟原來的粉絲業版面一樣，再將各個粉絲頁連結到正確的項目，讓此App與粉絲頁具有整體感，有關連性。發佈塗鴉牆的部分，也使用flash動態發佈，讓網友即時得知目前K數累積狀態。Interaction Artist/Programmer: JerromyCSS Layout: JohnVisual Design:

[新作品] 沙宣美髮武器

2011-03-06T20:14:00.000-08:00

活動首頁進入內頁3D星球作品名稱: 沙宣美髮決勝武器作品網址: http://www.vs.com.tw/angelababy/#/home製作公司: 邊境數位科技相關技術: Flash AS 3.0, PV3D Api, Facebook Flash Api本次作品使用了3D星球導覽，在效能之間取得了一個平衡點，當您擊了一個星球所在地，經過一個轉場，就可以到達那個星球的問題，遊戲玩法是簡單的問答題，香港的族群似乎喜歡簡單易達成的活動就可以抽獎，所以活動設計上，只要完成三個題目的解答，即可參予抽獎，活動方式雖然創意不多，只能在呈現方式做一些有趣的玩法。Interactive Artist/ Programmer : JERROMYInteractive Design: JOHNVisual Design: JUDIANPM: Amanda互動創意指導JERROMY

[新作品]benifit - 無敵發電機大挑戰 app

2010-11-20T04:45:00.001-08:00

首頁遊戲開始互動遊戲製作公司：邊境數位科技 http://www.linkinedge.com/benefit 粉絲專頁 http://apps.facebook.com/fb_benefit/作品簡介：因為時程很趕，只能挑選一個互動的點去發揮，自從學會控制點與線後，有很多專案都是用點與線去互動控制，來達成有機的互動！！遊戲玩法很簡單，把五個點連成一線，畫成眼線，就可以馬上填寫資料抽獎，過程中，覺得這樣太單調，大約點到第四個點時，就會開始眨眼，給玩家一點難度，與驚喜的感覺，每次在設計這樣人與人之間的互動，很喜歡去觀察人與人之間的情感反應，若能在過程中給使用者一個"阿！！的感覺"，我想我的目的就達到了。哈！Interaction Design/ Artist: JERROMYInteraction: JOHNVisual Design: JUDIANPM: AmandaFans

[新作品] BENQ - kuso 美姬換人做作看 app

2010-11-20T04:40:00.000-08:00

活動首頁上傳照片變魚眼魚演變行排行榜Design Studio: COMA http://www.coma.com.twEvent Site: http://apps.facebook.com/fb_fishlens/活動簡介：為了推廣BENQ的魚眼相機，這次製作了只要上傳照片就有魚眼效果，剛剛好研究了一些像速特效，就來一個這樣的案子。在FLASH上玩像素特效還蠻好玩的。Visual Design: 東東Interaction Design / Artist: JERROMYAnimation: VIVIPHP:BARONPM: LEMON/RAY邊境數位科技互動創意指導 JERROMY

[新作品]BENQ - Web APP for IPHONE

2010-10-18T13:54:00.000-07:00

首頁內頁加入主畫面螢幕icon利用safari api 偵測螢幕旋轉改變css加入主畫面螢幕作品網址：http://www.coma.tw/100726_BenQ/mobileTest.html 請用iphone上網Design CompanyCOMA http://www.coma.com.twiPhone app 及 web appAPP: 就是iPhone本來的應用程式，速度較快，功能較多。WEB APP: 就是 iPhone提供一些Java Script api 給safari使用，功能還蠻多的。也就是說，是網頁的應用程式。甚至Safari JavaScript Api 還提供了GPS及相機的api可使用。本次專案的重點：1.如何偵測手機上網：利用Java Script Api 的 userAgent 判斷使用者裝置。2. iPhone網頁直立時寬度為 320 px

[新作品]吉列英雄極限爭霸戰 - facebook 社群組隊互動

2010-10-18T13:15:00.001-07:00

3D互動介面組隊團隊介面遊戲介面作品名稱: 吉列英雄爭霸戰作品網址: http://apps.facebook.com/fb_gillette/互動類型: facebook 群體互動組隊本次作品強調facebook的社群功能，所以本公司想出了如何在facebook創造虛擬組隊，當一個隊長創造隊伍時，等待邀請的其他facebook其他好友加入，等到三人時組成一隊，讓不同隊伍之間互相競爭，增加互動趣味性。活動的過程中，不免於無聊乏味的資料填寫與系統設定，設計了3D介面，增加互動性。遊戲的概念必須與客戶的產品結合，三款遊戲個別代表不同客戶產品的概念。達到宣傳產品的效果。未來，在社群互動概念上，可以將"競爭"，再多一個"挑戰"，做一個虛擬的挑戰，比如說隊伍即時發挑戰信函來挑戰對方，增加雙方的互動性。或許會有不同的效果，可以好好的思考人在現實社會中哪些行為，是會造成話題，並應用在網路之中。

[New Works]柔順正妹牆-互動時間軸創作

2010-09-14T20:23:00.000-07:00

柔順正妹牆利用時間軸概念表現的作品，著名的有PLURK、好時光貼曆、或者是FB的塗鴉牆。這些都有一個共同的特色，依照時間做排序的動作，讓我們能夠了解這個時間點大家在做什麼事情，我們將時間軸的概念，也創作出了一道展新的時間軸，讓時間軸同時有人氣排序與最新動態排序，兩者交錯進行，符合飛柔產品這次的概念；人氣排序，讓名次高的人覺得即使活動的時間過得越久，它仍然走在時間的前端，而最新動態排序也讓人看到有多少人看著人氣社員的壯大，而跟隨著活動潮流而參予活動。那我們來看看這道柔順正妹牆的特色。案例網址:WebSite: http://www.pert.com.tw/Facebook App: http://apps.facebook.com/fb_pert製作公司:邊境數位科技 http://www.linkinedge.com/ 互動時間軸創作與3D變身效果飛柔產品著重在柔順，

[New Start] 久違啦～

2010-06-27T14:41:00.000-07:00

很久沒發文！！剛從法國回來，其實收穫頗多的。很開心能有這樣子榮幸去那邊表演。也對表演這塊有了興趣。很開心的是，用我的興趣當專業，更開心的是，視野並不是如此的狹隘，因為認識了一群好夥伴。雖然在上半年時，遇到了幾個人際關係的轉折點，希望能夠恢復阿 !否則其實很遺憾。人生有夢，築夢踏實！！『我們如果能夠目睹我們每一項計畫的最終成果，可能就不會在有任何努力的動力了』1. 更精確的整合網路資源。2. 做事情的細膩度還不夠。3. 溝通能力已經進步很多，但還要進步。4. 跨領域整合能力，不單單只是局限於網路。5. 英文能力說退步太多啦！！！！想做的事情太多，但希望接下來的作品能夠讓大家驚艷！！PS: 本來就愛拍照的我，其實很喜歡到處拍，近期才覺得這些照片稍微稱的上作品，比較愛的照片，就放 flickr。歡迎大家交換連結：http://www.flickr.com/photos/jerromy/

[開發] Wii and Virtools (Adobe AIR and Virtools)

2010-05-10T12:11:00.000-07:00

WiiFlash / BluetoothVirtools 讀取數值狀況AIR 及 Virtools BB如果想在Virtools 上開發遊戲作品，又想用Wii，法國有個高手，用SDK寫Wii的BB，但很可惜，因為記憶體分配不均，容易導致記憶體的錯誤，而一直呈現當機狀況。以前我都參考這篇文章來製作:http://art-tech-image.probb.fr/programmation-c-virtools-mel-python-action-script-f4/manette-wii-directement-dans-virtools-bb-inside-t158-15.htm但是當機頻率實在太高。解決方法:Wii Flash Server + Adobe AIR + Virtools 讀文字檔。WiiFlash: http://wiiflash.bytearray.org/

[New Works] 71快速記憶學校免費課程報名活動頁

2010-05-06T05:39:00.000-07:00

首頁遊戲頁開始遊戲數字記憶陳俊生 71快速記憶學校：http://www.71.com.tw/活動頁：http://www.71.com.tw/event/facebook/Visual Design: JERROMYInteraction Design: JERROMYPHP : JERROMYPM：Sho很簡單的活動頁，但概念很清楚，遊戲也很簡單，把數字遊戲由小到大記下來，依序點擊，考考您的瞬間記憶力。JERROMY