2020年山東省職業(yè)院校技能大賽高職組“HTML5 交互融媒體內(nèi)容設(shè)計(jì)與制作”賽項(xiàng)任務(wù)書

2020年山東省職業(yè)院校技能大賽高職組“HTML5交互融媒體內(nèi)容設(shè)計(jì)與制作”賽項(xiàng)任務(wù)書第第頁共39頁第一部分競(jìng)賽須知一、競(jìng)賽要求（一）按要求完成競(jìng)賽任務(wù)，正確使用計(jì)算機(jī)、手機(jī)等設(shè)備，愛惜賽場(chǎng)器材，嚴(yán)格遵守操作要求；（二）競(jìng)賽過程中如有問題，可向現(xiàn)場(chǎng)裁判或工作人員舉手后反映，不得擾亂賽場(chǎng)秩序；（三）嚴(yán)格遵守賽場(chǎng)紀(jì)律，禁止任何作弊行為，尊重現(xiàn)場(chǎng)裁判員，服從安排。二、職業(yè)素養(yǎng)與安全意識(shí)（一）參賽選手組內(nèi)討論應(yīng)盡可能降低音量，小范圍挪動(dòng)位置，禁止大聲喧嚷，未經(jīng)裁判允許，不得隨意站立、走動(dòng)，保證競(jìng)賽現(xiàn)場(chǎng)秩序；（二）參賽選手所有操作均應(yīng)符合安全規(guī)范，注意用電安全。三、選手須知（一）紙質(zhì)任務(wù)書如出現(xiàn)缺頁、字跡不清等問題，請(qǐng)及時(shí)向裁判舉手示意并要求更換。競(jìng)賽任務(wù)中所使用的非紙質(zhì)資料都已拷貝至U盤中，請(qǐng)自行根據(jù)競(jìng)賽任務(wù)書要求使用；競(jìng)賽提供的所有資料，在競(jìng)賽結(jié)束后均不能帶離考場(chǎng)；（二）參賽小組應(yīng)在規(guī)定時(shí)間內(nèi)完成任務(wù)書要求的內(nèi)容，任務(wù)完成后的作品必須按要求提交，作品未按要求提交的，則該任務(wù)不得分；（三）競(jìng)賽過程中，選手認(rèn)定設(shè)備或網(wǎng)絡(luò)有故障應(yīng)及時(shí)向裁判提出，競(jìng)賽后再提出的，不予認(rèn)定。如設(shè)備或網(wǎng)絡(luò)經(jīng)測(cè)定完好，屬誤判時(shí)，設(shè)備或網(wǎng)絡(luò)的測(cè)定時(shí)間計(jì)入該小組競(jìng)賽時(shí)間；如果設(shè)備或網(wǎng)絡(luò)經(jīng)測(cè)定確有故障，則當(dāng)場(chǎng)更換設(shè)備或維修網(wǎng)絡(luò)，此過程中（設(shè)備或網(wǎng)絡(luò)測(cè)定開始到更換完成）造成的時(shí)間損失，在競(jìng)賽時(shí)間結(jié)束后，酌情對(duì)該小組進(jìn)行等量的時(shí)間延遲補(bǔ)償；（四）參賽選手競(jìng)賽過程中，請(qǐng)及時(shí)保存任務(wù)中間成果。因任務(wù)中間成果未及時(shí)保存，遇設(shè)備或網(wǎng)絡(luò)故障導(dǎo)致前續(xù)工作結(jié)果丟失的，將僅對(duì)更換設(shè)備或網(wǎng)絡(luò)造成的時(shí)間損失進(jìn)行等量的時(shí)間延遲補(bǔ)償；（五）競(jìng)賽過程中由于人為原因造成設(shè)備損壞，則設(shè)備不予更換，如故意損壞競(jìng)賽設(shè)備的，應(yīng)承擔(dān)相應(yīng)的賠償責(zé)任；（六）競(jìng)賽過程中由于自身人為原因造成網(wǎng)絡(luò)中斷，則網(wǎng)絡(luò)修復(fù)的時(shí)間計(jì)入該小組競(jìng)賽時(shí)間；（七）參賽選手提交的作品內(nèi)容中不得出現(xiàn)個(gè)人、學(xué)校等標(biāo)識(shí)信息，如有發(fā)現(xiàn)則競(jìng)賽成績(jī)記為0分；（八）在未得到現(xiàn)場(chǎng)裁判指令前，已入座參賽選手不得對(duì)競(jìng)賽設(shè)備、紙、筆進(jìn)行任何操作，在裁判宣布競(jìng)賽結(jié)束后，參賽選手必須立即停止對(duì)計(jì)算機(jī)等競(jìng)賽設(shè)備的任何操作；（九）在裁判組宣布競(jìng)賽結(jié)束后，參賽選手須將任務(wù)書放回檔案袋，其他競(jìng)賽設(shè)備放置到初始位置，并按裁判要求順序離場(chǎng)。第二部分競(jìng)賽環(huán)境簡(jiǎn)介一、競(jìng)賽環(huán)境（一）硬件環(huán)境（每個(gè)參賽小組）序號(hào)設(shè)備名稱單位數(shù)量備注1計(jì)算機(jī)臺(tái)3帶耳機(jī)2工作臺(tái)套3桌、椅（二）軟件環(huán)境序號(hào)軟件類型軟件名稱軟件版本1操作系統(tǒng)Windows64位Win72H5內(nèi)容融合設(shè)計(jì)軟件HTML5交互融媒體內(nèi)容制作實(shí)訓(xùn)平臺(tái)20173瀏覽器GoogleChrome瀏覽器20194支撐軟件MicrosoftOffice20165支撐軟件HBuilder編譯器20196支撐軟件AdobePhotoshopCC2017（三）網(wǎng)絡(luò)環(huán)境基于以太網(wǎng)技術(shù)的局域網(wǎng)環(huán)境。二、注意事項(xiàng)（一）競(jìng)賽開始時(shí)，參賽選手須檢查北測(cè)－HTML5交互融媒體內(nèi)容制作實(shí)訓(xùn)平臺(tái)（下稱“北測(cè)-平臺(tái)”）賬號(hào)登錄、使用操作是否正常，所有支撐軟件是否可以正常使用，如認(rèn)定有故障應(yīng)及時(shí)向裁判提出，競(jìng)賽后再提出的，不予認(rèn)定。如經(jīng)測(cè)定正常，屬誤判時(shí)，則認(rèn)定時(shí)間計(jì)入競(jìng)賽時(shí)間（扣減該小組競(jìng)賽時(shí)間）；如果經(jīng)測(cè)定確有故障，則當(dāng)場(chǎng)修復(fù)，此過程中（測(cè)定開始到修復(fù)完成）造成的時(shí)間損失，在競(jìng)賽時(shí)間結(jié)束后，酌情對(duì)該小組進(jìn)行等量的時(shí)間延遲補(bǔ)償；（二）競(jìng)賽過程中，請(qǐng)務(wù)必嚴(yán)格按照任務(wù)書要求對(duì)各競(jìng)賽設(shè)備進(jìn)行操作使用，隨意操作可能會(huì)出現(xiàn)作品不能正常制作、預(yù)覽或提交的情況；（三）競(jìng)賽任務(wù)完成后，請(qǐng)務(wù)必不要關(guān)閉任何競(jìng)賽設(shè)備，不要拆卸、移動(dòng)競(jìng)賽設(shè)備的網(wǎng)絡(luò)連接，不要對(duì)文件和設(shè)備進(jìn)行加密。第三部分競(jìng)賽任務(wù)（請(qǐng)注意：任務(wù)一和任務(wù)二是兩個(gè)獨(dú)立的任務(wù)，制作平臺(tái)及素材均獨(dú)立，特此說明！）任務(wù)一：H5內(nèi)容制作部分一、選題背景：每一個(gè)平凡的日子都閃閃發(fā)光，你的一天是如何度過呢？玩游戲？學(xué)習(xí)？逛街？讓我們一起來度過這美好的一天吧！二、任務(wù)主題 主題：“我的一天” 利用北測(cè)-平臺(tái)制作“我的一天”可視化H5作品，完成場(chǎng)景模擬，動(dòng)畫交互效果。三、任務(wù)內(nèi)容根據(jù)任務(wù)書中提供的“我的一天分鏡腳本”以及“我的一天H5作品”參照樣例和相關(guān)素材，在北測(cè)－平臺(tái)全真制作“我的一天H5作品”所有呈現(xiàn)的內(nèi)容?！拔业囊惶霩5作品”請(qǐng)查看電腦桌面“任務(wù)一作品預(yù)覽”快捷方式！四、作品制作需求（一）分鏡腳本請(qǐng)仔細(xì)分析“我的一天分鏡腳本”，并注意觀察“我的一天H5作品”樣例中的場(chǎng)景、所有素材及交互?！拔业囊惶旆昼R腳本”截屏在U盤“賽題要求\任務(wù)一\截屏\”目錄下已提供，參賽選手需要完成H5作品中所有呈現(xiàn)的內(nèi)容，分鏡圖文腳本詳細(xì)內(nèi)容如下：備注：頁號(hào)描述如：1、2、3……為頁號(hào)；1-1、1-2、1-3……為第1個(gè)頁面的第1個(gè)場(chǎng)景、第2個(gè)場(chǎng)景、第3個(gè)場(chǎng)景…頁號(hào)畫面描述1畫面情節(jié)1.本頁作為加載頁面，即第1個(gè)頁面；2.鐘表指針轉(zhuǎn)動(dòng)為主要?jiǎng)赢?；文案無動(dòng)畫描述1.鐘表指針轉(zhuǎn)動(dòng)，橘紅色長(zhǎng)指針（秒針）順時(shí)針轉(zhuǎn)動(dòng)，速度較快，粉紅色中指針（分針）逆時(shí)針轉(zhuǎn)動(dòng)，速度慢于秒針，黃色短指針順時(shí)針轉(zhuǎn)動(dòng)（時(shí)針），速度慢于分針；2.鐘表下方表示加載速率的數(shù)字從0-100變化。交互與邏輯加載數(shù)字跳動(dòng)值100%后跳轉(zhuǎn)至第二頁音樂與音效無頁面切換出現(xiàn)頁號(hào)畫面描述2-1畫面情節(jié)1.本頁作為作品的第二個(gè)頁面，第一個(gè)場(chǎng)景；2.動(dòng)態(tài)的指針轉(zhuǎn)動(dòng)，鐘表翻轉(zhuǎn)為主要?jiǎng)赢?。文案無動(dòng)畫描述進(jìn)入頁面后，屏幕中間指針旋轉(zhuǎn)，表盤同時(shí)繞Y軸逆時(shí)針翻轉(zhuǎn)至P2-2場(chǎng)景頁面交互與邏輯無音樂與音效開始播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述2-2畫面情節(jié)1.本頁作為作品的第二個(gè)頁面，第二個(gè)場(chǎng)景；2.以動(dòng)畫形式引出開始交互。文案無動(dòng)畫描述1.承接P2-1場(chǎng)景，即P2-1場(chǎng)景鐘表翻轉(zhuǎn)之后的場(chǎng)景；2.“點(diǎn)擊開始”外側(cè)的色環(huán)逆時(shí)針旋轉(zhuǎn)；3.“點(diǎn)擊開始”旁邊的藍(lán)色字的圓環(huán)順時(shí)針旋轉(zhuǎn)；4.“點(diǎn)擊開始”字樣循環(huán)放大縮小。交互與邏輯1.本頁開始禁止系統(tǒng)默認(rèn)翻頁行為；

2.點(diǎn)擊“點(diǎn)擊開始”按鈕，跳轉(zhuǎn)至P3頁面。音樂與音效1.繼續(xù)播放背景音樂。頁面切換無頁號(hào)畫面描述3畫面情節(jié)1.本頁作為作品的第三個(gè)頁面；2.列出我的一天中三件事（三個(gè)菜單按鈕）。文案無動(dòng)畫描述1.整體背景淡出；2.屏幕下方人物旁邊兩個(gè)圓形按鈕緩出后循環(huán)放大縮??；3.人物下方的“記錄我的一天”按鈕上浮出現(xiàn)。交互與邏輯1.點(diǎn)擊人物左側(cè)按鈕，即可跳轉(zhuǎn)至P4頁面；2.點(diǎn)擊人物右側(cè)按鈕，即可跳轉(zhuǎn)至P5頁面；3.點(diǎn)擊人物下方按鈕，即可跳轉(zhuǎn)至P6頁面。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述4-1畫面情節(jié)1.本頁作為作品的第四個(gè)頁面的第一個(gè)場(chǎng)景；2.百科知識(shí)競(jìng)賽答題開始頁面。文案百科知識(shí)競(jìng)賽開始動(dòng)畫描述無交互與邏輯點(diǎn)擊“開始”按鈕，即可進(jìn)入P4-2答題場(chǎng)景；音樂與音效繼續(xù)播放背景音樂頁面切換平移頁號(hào)畫面描述4-2畫面情節(jié)本頁作為作品第四頁開始知識(shí)競(jìng)賽頁面，共十道題，滿分為100分（正確答案在文案中標(biāo)黑）。文案第一屆百科知識(shí)競(jìng)賽（開始考試，滿分100分）1.唐代詩人有稱“詩圣”的杜甫“詩仙”的李白等，你可知道被人頌稱“詩魔”的是誰?（單選題）A.白居易B.王維C.劉禹錫2.世界上曾有六次截流，中國就有三次，都在長(zhǎng)江上，其中有兩次是長(zhǎng)江三峽截流，另一次是哪項(xiàng)工程？（單選題）A.都江堰B.黃河C.葛洲壩3.下列哪部是高爾基的代表作品？（多選題）A.《套中人》B.《在人間》C.《我的大學(xué)》4.以下屬于我國四大佛教名山中的是？（多選題）A.峨眉山B.五臺(tái)山C.九華山5.下列選項(xiàng)中,屬于民事法律關(guān)系的是？（單選題）A.公民甲向稅務(wù)機(jī)關(guān)納稅B.政府向某災(zāi)區(qū)捐款C.公民乙向山區(qū)某小學(xué)捐款6.以下屬于活化石植物的是？（多選題）A.銀杉B.金銀花C.銀杏7.預(yù)防近視眼要做到“三不看”（多選題）A.走路乘車不看書B.光線太暗或太強(qiáng)不看書C.吃飯不看書8.中國古代中最早提到小孔成像的原理的著作是？（單選題）A.《九章算術(shù)》B.《墨經(jīng)》C.《天工開物》9.“古爾邦節(jié)”是一種什么節(jié)日？（單選題）A.宗教節(jié)日B.民族節(jié)日C.國家節(jié)日10.普利策獎(jiǎng)是什么方面的獎(jiǎng)？（多選題）A.新聞B.文話C.經(jīng)濟(jì)動(dòng)畫描述無交互與邏輯1.前9道題，選擇答案（不選也可以）之后點(diǎn)擊提交進(jìn)入下一題，在屏幕上方對(duì)應(yīng)的題號(hào)中出現(xiàn)得分，單選正確為10分，多選（兩個(gè)）正確為10分，選一個(gè)得5分，選錯(cuò)不得分，多選（三個(gè)）選一個(gè)得三分，全部正確得10分；2.第十道題選擇答案之后，點(diǎn)擊“交卷”，跳轉(zhuǎn)至P4-3場(chǎng)景，音樂與音效繼續(xù)播放背景音樂；頁面切換無頁號(hào)畫面描述4-3畫面情節(jié)1.本頁為作品第四頁得分場(chǎng)景；2.提交信息上傳成績(jī)。文案第一屆百科知識(shí)競(jìng)賽得分0（此處數(shù)值為P4-2中十道題所得分總和）姓名電話郵箱動(dòng)畫描述無交互與邏輯1.得分之后紅色數(shù)字為P4-2場(chǎng)景十道題的得分總和；2.姓名、電話、郵箱后面的框可以選擇填入信息；3.點(diǎn)擊上傳成績(jī)即可跳轉(zhuǎn)至P4-4場(chǎng)景。音樂與音效循環(huán)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述4-4畫面情節(jié)1.本頁作為作品第四個(gè)頁面，第四個(gè)場(chǎng)景；2.成績(jī)提交成功界面。文案第一屆百科知識(shí)競(jìng)賽提交成功！返回首頁動(dòng)畫描述無交互與邏輯點(diǎn)擊“返回首頁”即可返回至P3頁面。音樂與音效繼續(xù)播放背景音樂；頁面切換無頁號(hào)畫面描述5-1畫面情節(jié)1.本頁作為作品第五個(gè)頁面，第一個(gè)場(chǎng)景；

2.模擬連連看小游戲。文案請(qǐng)輸入昵稱動(dòng)畫描述1.連連看標(biāo)題上浮出現(xiàn)之后放大縮小兩次；2.“請(qǐng)輸入昵稱”文本框隨后上浮出現(xiàn)；

3.“確定”按鈕隨后上浮出現(xiàn)；交互與邏輯1.“請(qǐng)輸入昵稱”文本框中可以輸入文字；

2.昵稱輸入后，點(diǎn)擊“確定”按鈕進(jìn)入P5-2場(chǎng)景，若未輸入昵稱則“確定”按鈕點(diǎn)擊無效。音樂與音效繼續(xù)播放背景音樂頁面切換無頁號(hào)畫面描述5-2畫面情節(jié)本頁作為作品第五個(gè)頁面，第二個(gè)場(chǎng)景，游戲規(guī)則介紹頁面。文案游戲規(guī)則在30秒內(nèi)完成游戲翻牌即可獲得勝利！我知道了動(dòng)畫描述1.進(jìn)入此場(chǎng)景式，“連連看”標(biāo)題上移至左上角并縮小一部分；

2.游戲規(guī)則彈窗緩出；3.游戲規(guī)則右上角的時(shí)間圖標(biāo)從右側(cè)平移出現(xiàn)。交互與邏輯1.點(diǎn)擊“我知道了”按鈕，游戲規(guī)則彈窗消失，可進(jìn)入P5-3游戲頁面，同時(shí)開始右上角的倒計(jì)時(shí)；音樂與音效繼續(xù)播放背景音樂；頁面切換出現(xiàn)頁號(hào)畫面描述5-3畫面情節(jié)本頁作為作品第五個(gè)頁面，翻牌游戲界面。文案26（此數(shù)值為倒計(jì)時(shí)的時(shí)間從30-0遞減）動(dòng)畫描述1.右上角的倒計(jì)時(shí)從30到0每秒遞減；2.點(diǎn)擊對(duì)應(yīng)方框，即可開始翻轉(zhuǎn)動(dòng)畫，牌面繞Y軸順時(shí)針旋轉(zhuǎn)90度后漏出后面的小動(dòng)物。交互與邏輯1.點(diǎn)擊對(duì)應(yīng)方框，即可開始翻轉(zhuǎn)動(dòng)畫，并漏出后面的小動(dòng)物；2.當(dāng)六個(gè)方框都點(diǎn)擊之后，游戲結(jié)束，跳轉(zhuǎn)至P5-4挑戰(zhàn)成功場(chǎng)景；

3.當(dāng)右上角倒計(jì)時(shí)為0時(shí)，游戲結(jié)束，跳轉(zhuǎn)至P5-5挑戰(zhàn)失敗場(chǎng)景；音樂與音效繼續(xù)播放背景音樂；頁面切換出現(xiàn)頁號(hào)畫面描述5-4畫面情節(jié)本頁作為作品第五個(gè)頁面，小游戲挑戰(zhàn)成功頁面文案無動(dòng)畫描述無交互與邏輯1.點(diǎn)擊“返回主菜單”返回P3頁面；

2.點(diǎn)擊“再玩一次”進(jìn)入P5-2場(chǎng)景，繼續(xù)游戲。音樂與音效繼續(xù)播放背景音樂；頁面切換無頁號(hào)畫面描述5-5畫面情節(jié)本頁作為作品第五個(gè)頁面，小游戲挑戰(zhàn)失敗頁面文案無動(dòng)畫描述無交互與邏輯1.點(diǎn)擊“返回主菜單”返回P3頁面；

2.點(diǎn)擊“再玩一次”進(jìn)入P5-2場(chǎng)景，繼續(xù)游戲。音樂與音效繼續(xù)播放背景音樂；頁面切換無頁號(hào)畫面描述6-1畫面情節(jié)本頁作為作品第六個(gè)頁面文案無動(dòng)畫描述1.進(jìn)入頁面，桌面上的粉色記事本，豎直起來之后放大出現(xiàn)到屏幕中；

2.記事本靜止后，書面上出現(xiàn)白色手指，并左滑提示滑動(dòng)；交互與邏輯1.在書上面左滑，即可開始翻頁動(dòng)畫，進(jìn)入P6-2場(chǎng)景；音樂與音效繼續(xù)播放背景音樂；頁面切換平移頁號(hào)畫面描述6-2畫面情節(jié)本頁作為作品第六個(gè)頁面，第二個(gè)場(chǎng)景文案無動(dòng)畫描述1.承接P6-1動(dòng)畫，記事本出現(xiàn)向左翻頁的動(dòng)畫效果；

2.白色紙張上面出現(xiàn)文字，隨后【學(xué)習(xí)】、【娛樂】?jī)蓚€(gè)掛欄以遮罩的形式從上到下出現(xiàn)。交互與邏輯1.點(diǎn)擊【學(xué)習(xí)】，即可進(jìn)入P4頁面；2.點(diǎn)擊【娛樂】，即可進(jìn)入P5頁面。音樂與音效繼續(xù)播放背景音樂；頁面切換無（二）H5作品制作要求嚴(yán)格按照“我的一天H5作品”樣例預(yù)覽效果及分鏡圖文腳本，制作一個(gè)H5作品，要求如下：1.頁數(shù)一致；2.畫面、內(nèi)容及排版一致；3.動(dòng)畫內(nèi)容及效果一致；4.交互方式及效果一致；5.音樂及音效一致；6.自適應(yīng)模式一致；五、內(nèi)容制作使用北測(cè)－平臺(tái)“創(chuàng)建作品”工具新建內(nèi)容、創(chuàng)建頁面場(chǎng)景、導(dǎo)入素材（相關(guān)素材U盤中已提供）、調(diào)整素材、實(shí)現(xiàn)任務(wù)要求的動(dòng)畫交互并查看運(yùn)行效果。（一）創(chuàng)建內(nèi)容使用北測(cè)－平臺(tái)“創(chuàng)建作品”工具創(chuàng)建內(nèi)容，項(xiàng)目名稱請(qǐng)使用“座位號(hào)-任務(wù)一”，舞臺(tái)尺寸設(shè)置為：320*520，幀速為：12幀/秒。（二）導(dǎo)入素材將U盤中“賽題要求\任務(wù)一\素材\”目錄下的圖片、音頻素材導(dǎo)入到素材庫中。（三）調(diào)整素材按照內(nèi)容要求選擇場(chǎng)景、添加素材，注意不要遺漏素材。利用所提供的素材進(jìn)行場(chǎng)景的創(chuàng)建，對(duì)素材進(jìn)行位置調(diào)整等操作，使其達(dá)到“我的一天H5作品”的運(yùn)行效果。（四）完成動(dòng)畫利用時(shí)間軸與預(yù)置動(dòng)畫等制作各種動(dòng)畫效果，如人物運(yùn)動(dòng)、圖片位移、角度變化等，從而完成規(guī)定的效果。（五）完成交互利用北測(cè)－平臺(tái)添加各種交互功能，如點(diǎn)擊跳轉(zhuǎn)等，從而完成規(guī)定的功能。（六）完成邏輯判斷利用北測(cè)－平臺(tái)實(shí)現(xiàn)各種邏輯判斷，如改變屬性、判斷等，從而完成規(guī)定的效果。（七）文件運(yùn)行并提交作品在平臺(tái)預(yù)覽制作效果，根據(jù)運(yùn)行結(jié)果，調(diào)整素材、交互動(dòng)畫和邏輯判斷，完成內(nèi)容制作后，將完成的作品保存并命名為“座位號(hào)-任務(wù)一”，在平臺(tái)提交作品。作品合并方式：管理員賬號(hào)（A賬號(hào)）查看子賬號(hào)作品，選擇編輯之后另存為自己的作品，將另存的作品轉(zhuǎn)為模板（點(diǎn)擊查看我的作品，作品下方第三個(gè)按鈕），然后在需要提交的作品中添加模板，實(shí)現(xiàn)作品合并，由管理員賬號(hào)提交。（點(diǎn)擊查看我的作品，點(diǎn)擊要提交的作品中間圖片，進(jìn)入新的頁面，右下方點(diǎn)擊“提交”按鈕即可提交，再次提交之前需取消之前提交的作品。） 任務(wù)二：H5編程制作部分一、選題背景：抽簽是中國的民間習(xí)俗，是占卜的其中一種形式?，F(xiàn)今的道觀、寺廟和民間的廟宇，大多擺上簽筒供人抽取簽條問卜。抽簽同八卦一樣，是我國古代民間為了判斷問事項(xiàng)吉兇、禍福的一種通俗預(yù)測(cè)方式。新年文話簽將從健康、愛情、財(cái)富、學(xué)業(yè)去選擇，看看能否給大家?guī)砗眠\(yùn)嗎？二、任務(wù)主題主題：“新年文話簽”根據(jù)U盤“賽題要求\任務(wù)二”目錄下所提供的錄屏文件、psd設(shè)計(jì)稿以及作品截屏，使用Html5、JavaScript、Css3語言，在HBuilder編譯器軟件上進(jìn)行作品的靜態(tài)布局、動(dòng)畫處理、邏輯編碼、媒體處理、適配設(shè)置，最終完成任務(wù)書要求的H5編程項(xiàng)目。三、任務(wù)內(nèi)容根據(jù)提供的“新年文話簽分鏡腳本”、“新年文話簽作品”錄屏視頻及其psd設(shè)計(jì)稿素材，制作“新年文話簽作品”所呈現(xiàn)的內(nèi)容。四、內(nèi)容制作需求（一）分鏡腳本請(qǐng)仔細(xì)分析“新年文話簽分鏡腳本”，并注意觀察“新年文話簽作品”錄屏視頻中的場(chǎng)景、所有素材及交互?！靶履晡脑捄灧昼R腳本”截屏在U盤“賽題要求\任務(wù)二\截屏\”目錄下已提供，分鏡圖文腳本是部分內(nèi)容提示，并非全部?jī)?nèi)容提示，完整的內(nèi)容請(qǐng)參考U盤“賽題要求\任務(wù)二\錄屏\新年文話簽作品”錄屏視頻，參賽選手需要完成H5作品中所有呈現(xiàn)的內(nèi)容，分鏡圖文腳本詳細(xì)內(nèi)容如下：（備注：頁號(hào)描述如“1、2、3……”為頁號(hào)；“1-1、1-2、1-3……”為第1個(gè)頁面的第1個(gè)場(chǎng)景、第2個(gè)場(chǎng)景、第3個(gè)場(chǎng)景……）頁號(hào)畫面描述1畫面情節(jié)1.本頁為加載頁；文案loadingXX%(xx為0-100的加載數(shù)值)動(dòng)畫描述文話簽繞屏幕上方繩子的終點(diǎn)循環(huán)左右晃動(dòng)；XX%模擬加載數(shù)字。交互邏輯加載完畢即進(jìn)入第一個(gè)場(chǎng)景（loading100%）音樂與音效無頁面切換出現(xiàn)頁號(hào)畫面描述2畫面情節(jié)本頁為作品第二個(gè)頁面引出新年文話簽主題。文案無動(dòng)畫描述1.“新年文話簽”每個(gè)字依次出現(xiàn)；2.屏幕中兩枚銅錢循環(huán)上下移動(dòng)；交互與邏輯1.點(diǎn)擊“抽一簽”按鈕即可進(jìn)入P3頁面場(chǎng)景；2.點(diǎn)擊音樂圖標(biāo)即停止播放背景音樂，圖標(biāo)水平垂直停止旋轉(zhuǎn)，再次點(diǎn)擊即播放背景音樂，恢復(fù)旋轉(zhuǎn)。音樂與音效點(diǎn)擊屏幕右上角的音樂圖標(biāo)可播放/暫停背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述3畫面情節(jié)本頁為作品第三個(gè)場(chǎng)景，成語簽依次出現(xiàn)；文案無動(dòng)畫描述成語標(biāo)簽繞中間折現(xiàn)依次從上到下，從左到右出現(xiàn)在屏幕中。交互與邏輯成語標(biāo)簽出現(xiàn)完之后自動(dòng)跳轉(zhuǎn)至P4頁面；點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效點(diǎn)擊屏幕右上角的音樂圖標(biāo)可播放/暫停背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述4畫面情節(jié)本頁為作品的第四個(gè)頁面，輸入昵稱頁面；文案無動(dòng)畫描述屏幕中上方的三枚銅錢循環(huán)上下小幅度移動(dòng)；交互與邏輯1.請(qǐng)輸入昵稱下方的文本框可以輸入文字，只有輸入任意文字后，下方的“來一簽”按鈕才可以點(diǎn)擊；2.點(diǎn)擊“來一簽”按鈕跳轉(zhuǎn)至P5頁面；3.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效點(diǎn)擊屏幕右上角的音樂圖標(biāo)可播放/暫停背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述5畫面情節(jié)本頁為作品的第五個(gè)頁面的第一個(gè)畫面，抽簽預(yù)測(cè)方向文案無動(dòng)畫描述1.摁住兩側(cè)的標(biāo)簽，向右/向左滑動(dòng)，屏幕中間的四個(gè)標(biāo)簽都向右向左滑動(dòng)，模擬旋轉(zhuǎn)的效果；2.滑動(dòng)標(biāo)簽的同時(shí)，屏幕下方的十二地支圓圈也在順時(shí)針或逆時(shí)針旋轉(zhuǎn)。交互與邏輯1.摁住兩側(cè)的標(biāo)簽，向右/向左滑動(dòng)，屏幕中間的四個(gè)標(biāo)簽都向右向左滑動(dòng)，模擬旋轉(zhuǎn)的效果，同時(shí)左滑之后，原先右邊的標(biāo)簽出現(xiàn)在正前方，右滑之后，原先左側(cè)的標(biāo)簽出現(xiàn)在正前方；（請(qǐng)參考錄屏文件中的動(dòng)畫）2.點(diǎn)擊正前方的標(biāo)簽，標(biāo)簽放大縮小兩次后進(jìn)入P6頁面。3.點(diǎn)擊健康，進(jìn)入P6-1健康場(chǎng)景，點(diǎn)擊愛情，進(jìn)入P6-2愛情場(chǎng)景，點(diǎn)擊財(cái)富，進(jìn)入P6-3財(cái)富場(chǎng)景，點(diǎn)擊學(xué)業(yè)進(jìn)入P6-4學(xué)業(yè)場(chǎng)景。4.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述6-0畫面情節(jié)本頁為作品的第六個(gè)頁面，模擬抽簽頁面。文案無動(dòng)畫描述1.抽簽桶后方的幾枚銅錢循環(huán)在屏幕中間無規(guī)則移動(dòng)；

2.點(diǎn)擊“點(diǎn)擊抽簽”按鈕后，抽簽通左右晃動(dòng)，隨后縮小，交互與邏輯1.點(diǎn)擊“點(diǎn)擊抽簽”按鈕，進(jìn)入P5中選擇的健康、愛情、財(cái)富、學(xué)業(yè)對(duì)應(yīng)的場(chǎng)景即P6-1健康、P6-2愛情、P6-3財(cái)富、P6-4學(xué)業(yè)場(chǎng)景；

2.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述6-1畫面情節(jié)本頁為健康抽簽的文話簽所在頁面。文案無動(dòng)畫描述1.承接P6-0場(chǎng)景動(dòng)畫，即點(diǎn)擊“點(diǎn)擊抽簽”后的后續(xù)動(dòng)畫，文話簽從下到上、從小到大出現(xiàn)；2.抽簽桶后方的幾枚銅錢循環(huán)在屏幕中間無規(guī)則移動(dòng)；交互與邏輯1.點(diǎn)擊“文話解簽”，進(jìn)入P6-1-1場(chǎng)景；

2.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)且切換為禁止?fàn)顟B(tài)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換無頁號(hào)畫面描述6-1-1畫面情節(jié)本頁為健康抽簽的文話簽解簽頁面。文案無動(dòng)畫描述無交互與邏輯1.點(diǎn)擊“再來一次”，進(jìn)入P5場(chǎng)景；

2.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)且切換為禁止?fàn)顟B(tài)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述6-2畫面情節(jié)本頁為愛情抽簽的文話簽所在頁面。文案無動(dòng)畫描述1.承接P6-0場(chǎng)景動(dòng)畫，即點(diǎn)擊“點(diǎn)擊抽簽”后的后續(xù)動(dòng)畫，文話簽從下到上、從小到大出現(xiàn)；2.抽簽桶后方的幾枚銅錢循環(huán)在屏幕中間無規(guī)則移動(dòng)；交互與邏輯1.點(diǎn)擊“文話解簽”，進(jìn)入P6-2-1場(chǎng)景；

2.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)且切換為禁止?fàn)顟B(tài)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換無頁號(hào)畫面描述6-2-1畫面情節(jié)本頁為愛情抽簽的文話簽解簽頁面。文案無動(dòng)畫描述無交互與邏輯1.點(diǎn)擊“再來一次”，進(jìn)入P5場(chǎng)景；

2.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)且切換為禁止?fàn)顟B(tài)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述6-3畫面情節(jié)本頁為財(cái)富抽簽的文話簽所在頁面。文案無動(dòng)畫描述1.承接P6-0場(chǎng)景動(dòng)畫，即點(diǎn)擊“點(diǎn)擊抽簽”后的后續(xù)動(dòng)畫，文話簽從下到上、從小到大出現(xiàn)；2.抽簽桶后方的幾枚銅錢循環(huán)在屏幕中間無規(guī)則移動(dòng)；交互與邏輯1.點(diǎn)擊“文話解簽”，進(jìn)入P6-3-1場(chǎng)景；

2.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)且切換為禁止?fàn)顟B(tài)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換無頁號(hào)畫面描述6-3-1畫面情節(jié)本頁為財(cái)富抽簽的文話簽解簽頁面。文案無動(dòng)畫描述無交互與邏輯1.點(diǎn)擊“再來一次”，進(jìn)入P5場(chǎng)景；

2.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)且切換為禁止?fàn)顟B(tài)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號(hào)畫面描述6-4畫面情節(jié).本頁為學(xué)業(yè)抽簽的文話簽所在頁面。文案無動(dòng)畫描述1.承接P6-0場(chǎng)景動(dòng)畫，即點(diǎn)擊“點(diǎn)擊抽簽”后的后續(xù)動(dòng)畫，文話簽從下到上、從小到大出現(xiàn)；2.抽簽桶后方的幾枚銅錢循環(huán)在屏幕中間無規(guī)則移動(dòng)；交互與邏輯1.點(diǎn)擊“文話解簽”，進(jìn)入P6-4-1場(chǎng)景；

2.點(diǎn)擊音樂圖標(biāo)停止播放音樂且圖標(biāo)停止旋轉(zhuǎn)且切換為禁止?fàn)顟B(tài)，再次點(diǎn)擊音樂圖標(biāo)即播放音樂，圖標(biāo)旋轉(zhuǎn)。音樂與音效繼續(xù)播放背景音樂頁面切換無頁號(hào)畫面描述6-4-