2014年9月17日 星期三

將Flash動畫轉換成HTML 5並將多個FLASH轉換後的程式置入在HTML裡面運用

首先製作Flash動畫的時候必須要選擇用AS3來製作,而且動態越簡單越好......免得轉出來檔案大得驚人.....這裡有Adobe提供的轉檔說明
基本上,只有Adobe Flash cs6以上才支援Flash轉HTML5動態的功能,而且在裡面下AS指令~轉換後的爆走機率很高,所以還是乖乖的純轉動畫就好=..=......啊如果硬是要寫AS在裡面還是可以啦~~debug之路會很艱辛而已
(  ̄ c ̄)y▂ξ .......然後3D功能不支援,所以別做這麼高科技的行為~

再來就是把Flash做輸出成HTML5的動作,這個部分如果是用flash cc的話,Adobe提供的轉檔說明下面有說明,我就不再寫了,至於是用Flash cs6的話~就要下載外掛CreateJS,安裝後就可以開始來轉HTML5動態了
PS:當然我們無敵的Google大神也有來一隻Flash轉html5的外掛swffly~~但是因為轉出來的code太啊雜了........我不建議用這個轉=..=....至於有多啊雜......請見下圖

我只做了一個非常簡單的動作,黑色方框無限循環往右移動

用Swiffy轉出來後卻得到這麼一大串code.......

但是如果我用Adobe的CreateJS轉,卻可以拿到這麼乾淨的code

可見的Adobe真的很害怕HTML5這股洪流啊~~跟他們家Dreamweaver那堆見鬼的內建組件產生出的code比起來~~這個真的研發的很認真=..=+

再回到如何從Flash cs6發布HTML5的部分,安裝好CreateJS後,開啟要轉檔的Flash檔案,選取上方工具列的視窗>其他面板>Toolkit for CreateJS

叫出這個面板之後,如果動態沒有啥特別要設定的,就可以直接按Publish輸出了,但如果有要特別指定外連檔案要放哪邊,就可以點Edit Settings去做修改,至於可以修改什麼,因為內容跟用Flash cc轉一樣,所以請自個兒去Adobe提供的轉檔說明看吧.......

再來就是把生成出來的HTML code放進你要放的頁面裡啦!
基本上,轉出來的JS code都要拷貝過去,以這個檔案為例,就是下圖有用紅框框起來的都要拷貝過去!

再來就是如果同時有多個Flash轉HTML5的動態要放進來,code要怎麼改啦!!
其實這部份很簡單,只要改下圖有畫紅線的那幾個code就好(  ̄ c ̄)y▂ξ

For example:

然後檢視就會變成下圖

其實只要轉出的HTML裡所有JS連結都有拷貝過去,然後主要用來驅動的JS在合併時候,只要修改var裡的canvas name跟下面的function name就大致搞定了,不過在做動畫的時候要特別小心,兩個Flash用到的物件名稱千萬不能一樣,不然會出現誤讀變數的問題!

For example:
這是fal1的js

這是fal2的js

上面這兩張圖在lib.元件1的名稱都一樣,所以造成了下面這個畫面

會造成這個問題的原因,就是因為按照fal1.js與fal2.js的讀入順序,程式只抓到fal2.js的lib.元件1這個function name,不過為了安全起見,在flash裡面製作動態的時候,物件名稱還是通通以英文命名比較保險,免得code爆走......

至於內部更詳細的code運用,可以參考Adobe的這個網址Getting started with the Flash Professional Toolkit for CreateJS

Drama - 뿌리깊은 나무(樹大根深)


會看這部完全是抱著不純的動機來的~~
只是為了看李秀赫而已~~哈

不過開始看了才發現~~這部作品不得了啊!!
是在講仁宗如何創立訓民正音的過程!!
雖然裡面有些人物設定因為劇情需要而編造出來的,但大體經過,還是蠻按造當時的史實在走,算是一部少數韓國古裝劇編劇沒有大爆走的一部片了=..=+
而且這部作品真的是完全符合我的調調啊~~愛情戲分幾乎是0~~重點都放在鬥智上了~~
每集劇情都很緊奏又不拖泥帶水~~難怪當時在韓國會是該時段的收視冠軍!!

而且編劇對仁宗的性格描寫上非常的有趣
在戲裡,仁宗被描寫成一個思考邏輯不同於常人的天才怪胎
對於那個時代而言......的確很格格不入啊!!
不過卻也因為這一點~~反而讓這部本來以為又是一個悶片的古裝片~~增添了很多意想不到的樂趣!!
看完之後會覺得仁宗是個可愛的君王~~哈

但這部古裝劇最後還是逃不過韓國古裝劇的標準結局.......大家又都一起死了........=..=
但整體來說~~這部超好看的~~也學到很多跟訓民正音有關的歷史~~
不過這部片我對張赫的印象真的只有.........從頭到尾瘋狂大喊大叫而已.......跟當年的趙又庭一樣啊=..=.........我還是比較習慣看他演IRIS 2-鄭柳健這類的角色........雖然他的外型也是很適合演小福這個角色.....但看過它其他的作品後......這小福就會怎麼看都怎麼怪~~哈