本書以專業(yè)級HTML5交互動畫內(nèi)容制作云平臺---Mugeda為基礎(chǔ)介紹HTML5在廣告、營銷、節(jié)展、教育、親子、游戲以及可視化新聞等方面的應(yīng)用。內(nèi)容包括HTML5的前世今生、Mugeda基本操作流程、Mugeda界面組成與工具介紹、幾種動畫類型、交互功能的應(yīng)用、綜合案例解析、零代碼實現(xiàn)高級交互效果、零代碼制作戳螃蟹小游戲、API的應(yīng)用。本書教學資源豐富,提供了專業(yè)的網(wǎng)絡(luò)教程鏈接,并且提供了二維碼資源,以微視頻的方式幫助讀者理解和學習。
本書是高等教育教學改革創(chuàng)新示范教材。
HTML5是下一代Web語言,它是超文本標記語言(HTML)的第五次重大修改。它為下一代Web提供了全新的框架和平臺,包括提供免插件的音視頻、圖像動畫、本體存儲以及更多的酷炫而且重要的功能,并使這些應(yīng)用標準化,從而使Web能夠輕松實現(xiàn)類似桌面的應(yīng)用體驗。
HTML5目前在PC端與移動端廣泛應(yīng)用,本書以專業(yè)級HTML5交互動畫內(nèi)容制作云平臺-Mugeda為基礎(chǔ)介紹HTML5在廣告、營銷、節(jié)展、教育、親子、游戲以及可視化新聞等方面的應(yīng)用oMugeda擁有自主知識產(chǎn)權(quán)的動畫技術(shù),具有強大的動畫編輯能力,包括時間線、元件庫、無代碼交互等功能特性,可以幫助專業(yè)設(shè)計師和團隊高效地完成面向移動設(shè)備的HTML5專業(yè)內(nèi)容制作;以及自由的創(chuàng)作空間,具有作品發(fā)布、賬號管理、協(xié)同工作、數(shù)據(jù)收集等功能。本書的主要特點如下:
1.AdobeFlash由于系統(tǒng)性能和安全風險方面的缺陷,已經(jīng)退出歷史舞臺oMugeda特別設(shè)計了與AdobeFlash相似的工作界面,讓Flash動畫設(shè)計師能夠快速轉(zhuǎn)型。如果你曾經(jīng)是Flash的使用者,就可毫無障礙地過渡成為新工具的使用者了o
2.Mugeda采用零代碼完成動畫和交互設(shè)置,書中所有知識都結(jié)合具體實例進行介紹。在API部分所涉及的程序代碼給出了詳細的注釋,可以使讀者輕松領(lǐng)會HTML5的結(jié)構(gòu),快速提高交互動畫制作技能。
3.本書教學資源豐富,提供了專業(yè)的網(wǎng)絡(luò)教程鏈接,并且在關(guān)鍵的操作步驟提供了二維碼資源,以微視頻的方式幫助讀者理解和學習o
4.與企業(yè)緊密合作,HTML5應(yīng)用廣泛,本書無法對每一個主題進行深入探討,有興趣進一步研究的讀者可登錄Mugeda官網(wǎng)尋求技術(shù)幫助;或者加入Mugeda技術(shù)論壇,得到研發(fā)工程師和設(shè)計師的詳細解答oMugeda官網(wǎng)注冊完全免費,用戶隨時可以創(chuàng)建自己的作品,并且作品不帶水印和標志。
本書分為9章。第1~第3章介紹HTML5的概念釋義和屬性特點,以及Mugeda交互動畫平臺的基本操作流程,整體界面和功能分布;第4~第6章介紹Mugeda交互動畫平臺設(shè)計和創(chuàng)作中最普遍的功能和案例;第7~第9章介紹Mugeda交互動畫平臺完成零代碼游戲制作的案例以及API功能的應(yīng)用,深入討論相關(guān)進階主題。
本書由王志任總主編,由陳志任主編,由岑遠科、馬詩旻、任越美、陸維晨任副主編。本書在編寫過程中,得到了Mugeda公司程序員、設(shè)計師以及工具的開發(fā)者的大力支持,北京樂享云創(chuàng)科技有限公司Mugeda學院和北京城市學院的張亞青、張婷婷、楊倩月、于洋、陳曉虹等有關(guān)人員也提供了幫助。在此一并表示由衷的感謝!
本書適合作為高等院校相關(guān)課程的教學用書,也適合作為新媒體交互動畫設(shè)計制作人員的自學用書。
第1章 HTML5的前世今生
1.1 超文本標記語言的第五次重大修改
1.2 HTML5在新媒體營銷領(lǐng)域的運用
1.3 HTML5作品類型與賞析
1.4 HTML5制作工具介紹
思考題
第2章 Mugeda基本操作流程
2.1 添加元素到舞臺
2.2 為舞臺上的元素定義動畫
2.3 定義與用戶的交互行為
2.4 導(dǎo)出與發(fā)布內(nèi)容
2.5 作品資源管理與賬戶管理
思考題
第3章 Mugeda界面組成與工具介紹
3.1 界面組成及功能介紹
3.2 時間線的運用
思考題
第4章 幾種動畫類型
4.1 進度動畫
4.2 變形動畫
4.3 遮罩動畫
4.4 元件動畫與關(guān)聯(lián)動畫
思考題
第5章 交互功能的應(yīng)用
5.1 定制電話與地圖鏈接
5.2 指紋掃描效果
5.3 點擊跳轉(zhuǎn)效果
5.4 定制圖片與錄制聲音
5.5 頁面跳轉(zhuǎn)控制
思考題
第6章 綜合案例解析
6.1 微信賀卡
6.2 可視化新聞
6.3 交互兒童繪本
6.4 交互測試游戲
思考題
第7章 零代碼實現(xiàn)高級交互效果
7.1 邏輯判斷
7.2 常用的邏輯判斷工具
7.3 拓展思維
思考題
第8章 零代碼制作戳螃蟹小游戲
8.1 分析游戲
8.2 制作動畫
8.3 添加交互和邏輯判斷
思考題
第9章 API的應(yīng)用
9.1 在動畫中添加代碼
9.2 MugedaAPI的整體結(jié)構(gòu)
9.3 scene對象
9.4 aObiect對象
9.5 工具API
思考題