跳到主要內容

發表文章

目前顯示的是有「adobe」標籤的文章

CreateJS系列教學-第一篇 AdobeCC2014 Export

大家好,我是奶綠茶 Adobe今年推出了 CC2014 系列工具, 身為 "阿豆比米" 是一定要來研究一下有什麼新功能。 就從最熟悉的 FlashCC2014 來介紹起 很多學生問我該不該再學 Flash 因為行動裝置上不能執行 Flash , 且 HTML5 的普及,Flash 的黃金時代已過去, 但這不表示 Flash 工具就從此退役喔。 對設計師來說,Flash還是世上最好用的動畫工具, 今天就來介紹如何使用 Adobe FlashCC2014, 將 Flash 裡的時間軸動畫輸出成 HTML5 的格式,這樣就能同時支援桌機與行動裝置平台。 軟體啟動可以看到新的啟動畫面,這也是每次有新版本推出時 筆者最期待的功能之一。 延續 Adobe Flash CC, 使用介面可以調整成暗色系 接著我們新增檔案,選擇 HTML5 Canvas 格式 AdobeCC20014 支援了 WebGL 的輸出,這個等下一篇再來介紹。 在屬性面版可以看到是 HTML5 Canvas 文件 如果想把舊有的 AS fla 轉成 HTML5 Canvas fla文件的話 只要執行上方工具列 / 命令 / 從 AS3 文件格式轉換為 HTML5 Canvas 即可 將舞台大小設定為 640 x 400 寬度 640 是因為當 Mobile Web viewport 設定成 width=device-width 時 大多數的裝置的寬度會得到 320, 因應 Retina 顯示, 所以要 320 乘 2 = 640。 接著我們拉個簡單的動畫, 讓圖示由左到右,再到下,再到左,再回來本來的位置 做一個口字型的移動。 時間軸長這樣 在第一格影格寫上程式碼 要注意喔,因為是 HTML5 Canvas 文件 所以是寫 JavaScript, 而不是 ActioinScript 完整的 CreateJS JavaScript 提示,這對初學者有很大的幫助 分邊在指定的影格下 this.stop(); 讓動畫播到此處時暫停,然後點擊後再播放 為了能讓任意處點擊都有效,所以在下方放置一個白色(或透明)的色塊 在第一個影格寫上點擊事件 要注意一下,因為是 JavaScript...

Adobe Flash CC

大家好,我是奶綠茶 最近 Adobe 推出新的雲端服務,把所有的產品線都放上去 今天就來介紹 Adobe Flash CC 在 UI 上新增了暗色系, 也可以換回本來的亮色系。 移除了 AS2 的功能 只支援64位元 啟動,超快的啦 文字的部份只保留原本的動態文字 新版的 Extension Manager 只支援 zxp 格式 這裡有個麻煩之處,舊版的副檔名為 mxp,在新版本裡不能直接安裝 所以需要先找到 Extension Manager CS6 版本,將 mxp 轉成 zxp 格式 這樣 CC 才支援。 轉載請註明出處

PC 上使用 Adobe AIR 開發 iOS App

大家好,我是奶綠茶 今天來分享如何在 PC 上使用 Adobe AIR 開發 iOS App 1.成為 apple 開發者 2.在 Mac 上產生一組有效的 p12 檔 3.在 pc 上安裝 openssl 4.在 pc 上把 Mac 產生的 p12 檔, 使用 openssl 再產生一組給 pc 用的 p12 檔 可以參考 adobe 的官方教學 http://help.adobe.com/zh_TW/as3/iphone/WS144092a96ffef7cc-371badff126abc17b1f-7fff.html 但其中有一段 Code 有誤 如果您使用的是 Mac 電腦上的鑰匙圈專用密鑰,請將它轉換成 PEM 密鑰: openssl pkcs12 -nocerts -in mykey.p12 -out mykey.pem 把本來的 mykey.pem 改成 mykey.key 這樣就可以產生出有效的 p12 檔 祝大家學習愉快 參考文章: http://www.codeandvisual.com/2011/exporting-for-iphone-using-air-27-and-flashdevelop-part-three-generating-developer-certificates-provisioning-profiles-and-p12-files/  

AIR3.0 Native extensions Example Part1

大家好,我是奶綠茶 Adobe AIR3.0 即將發怖 其中最酷的新功能就是可以呼叫原生的程式 在這奶綠茶我就以 Android 來做個 Demo。 1.呼叫 Android toast 2.呼叫 Android AlertDialog 3.呼叫 Android DatePickerDialog(非同步,並得到所選的日期回傳給 flash) 4.List Dialog 5.得到 DeviceID 教學Step: 1.下載 AIR3.0 SDK(目前是 RC 1 3.0.0.388) http://labs.adobe.com/downloads/air3.html 2.安裝 FlashDevelop4 3.安裝 Ant (方便下 Command Line, 不裝也可以) http://ant.apache.org/ 4.安裝 AntPlugin for FD4 http://code.google.com/p/fd-ant-plugin/ 5.FlashAction3 AIR3.0裡,多出了一個 ExtensionContext 類別,用來呼叫原生的程式碼 var extension:ExtensionContext = ExtensionContext.createExtensionContext("Native ID", null); 其中Native ID指的是你要呼叫的 id 名稱 同時要在你的 application.xml 宣告 <extensions> <extensionID>milkmidi.air3.demo</extensionID> </extensions> 結著就可以使用 extension.call("funcationName", ...params); 來呼叫 如果是同步的話,extendsion 就會直接 return 值 非同步的話,就使用 addEvetnListener( StatusEvent.STAUS ) 來偵聽 6.Android 端 使用 Eclipse 開啟新的 Android Project 將 AIR3.0 SDK 裡的 lib\android\FlashRunti...

Adobe 2011 Flash新技術整理

大家好,我是奶綠茶 整理了一下 Adobe Flash Player 之後的幾項新功能 1. 全新 3D API, 代號: Molehill 有影片有真相 http://www.youtube.com/watch?v=szaXvTsoeVs http://www.youtube.com/watch?v=tgwi0lWgX8w&feature=player_embedded http://www.youtube.com/watch?v=hCXxCD_GYTA&feature=player_embedded http://www.youtube.com/watch?v=9LAN5GHm5eM&feature=player_embedded http://www.youtube.com/watch?v=tgwi0lWgX8w&feature=player_embedded 以上看到的效果 , 將來都可以直接在 Web 上直接看到效果 和我們在用的 FlashPlayer10 3D , PV3D 不同的是 支援 GPU 硬體加速了 ( 備註 1) 目前該技術會先使用在 Adobe AIR 上 ( 備註 2) Adobe 也明確指出 , 會把該 3D 功能加入來未來的 Flash Player 上 , 其中包含手機版的 FlashPlayer 目前只有影片 , 沒有任何的技術文件可以看 , 所以將來 code 怎麼寫 設計師怎麼做 , 都還不知道 資料來源: http://labs.adobe.com/technologies/flash/molehill/ 2. Flash Player10.2 一樣支援了硬體加速的影片播放 http://www.youtube.com/watch?v=geK7geL3I40&feature=player_embedded 可以在 Web 上播放大畫面 , 高畫質的影片 , 不在向之前的版本一樣會 Lag( 備註 3) 支援客製化的 Mouse Cursors,( 這個不是那麼重要 , 現在技術也可以做到類似的效果 ) 支援 Multiple Monitors 影片播放 , 目前的 Flash Player 在滿版播放影片時 , 只能有一個畫面播放 現在司樣有多個...

台灣Adobe 第一屆部落客創趴號

台灣Adobe 第一屆部落客創趴號 上星期五受台灣 Adobe 邀請, 參加第一次舉辦的部落客創趴號 一些老朋友如 Brian、火星人、阿修、Ticore、小正正、Maso、Erin、邦邦...等人, 都有受邀參加 感覺滿新鮮的, 就是去哈拉聊聊天, 還有幾位部落客分享經驗。 Adobe 當然有準備貼心的小餐點, 俗稱 "天使之鈴" 的法國小點心, 但.......我沒吃到.....下次手腳要快一點。 其中也有參觀了台灣 Adobe 的辦公室, 最讓我印像深刻的是 每個人座的椅子, 都是一張要三萬多的也(牌子我忘了, 但Erin說超讚) 還有反盜版到處貼的海報, 總之, 認識新朋友, 和舊朋友敘舊, 滿有趣的