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

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

2.點擊“點擊開始”按鈕，跳轉(zhuǎn)至P3頁面。音樂與音效1.繼續(xù)播放背景音樂。頁面切換無頁號畫面描述3畫面情節(jié)1.本頁作為作品的第三個頁面；2.列出我的一天中三件事（三個菜單按鈕）。文案無動畫描述1.整體背景淡出；2.屏幕下方人物旁邊兩個圓形按鈕緩出后循環(huán)放大縮?。?.人物下方的“記錄我的一天”按鈕上浮出現(xiàn)。交互與邏輯1.點擊人物左側(cè)按鈕，即可跳轉(zhuǎn)至P4頁面；2.點擊人物右側(cè)按鈕，即可跳轉(zhuǎn)至P5頁面；3.點擊人物下方按鈕，即可跳轉(zhuǎn)至P6頁面。音樂與音效繼續(xù)播放背景音樂頁面切換出現(xiàn)頁號畫面描述4-1畫面情節(jié)1.本頁作為作品的第四個頁面的第一個場景；2.百科知識競賽答題開始頁面。文案百科知識競賽開始動畫描述無交互與邏輯點擊“開始”按鈕，即可進(jìn)入P4-2答題場景；音樂與音效繼續(xù)播放背景音樂頁面切換平移頁號畫面描述4-2畫面情節(jié)本頁作為作品第四頁開始知識競賽頁面，共十道題，滿分為100分（正確答案在文案中標(biāo)黑）。文案第一屆百科知識競賽（開始考試，滿分100分）1.唐代詩人有稱“詩圣”的杜甫“詩仙”的李白等，你可知道被人頌稱“詩魔”的是誰?（單選題）A.白居易B.王維C.劉禹錫2.世界上曾有六次截流，中國就有三次，都在長江上，其中有兩次是長江三峽截流，另一次是哪項工程？（單選題）A.都江堰B.黃河C.葛洲壩3.下列哪部是高爾基的代表作品？（多選題）A.《套中人》B.《在人間》C.《我的大學(xué)》4.以下屬于我國四大佛教名山中的是？（多選題）A.峨眉山B.五臺山C.九華山5.下列選項中,屬于民事法律關(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.普利策獎是什么方面的獎？（多選題）A.新聞B.文話C.經(jīng)濟(jì)動畫描述無交互與邏輯1.前9道題，選擇答案（不選也可以）之后點擊提交進(jìn)入下一題，在屏幕上方對應(yīng)的題號中出現(xiàn)得分，單選正確為10分，多選（兩個）正確為10分，選一個得5分，選錯不得分，多選（三個）選一個得三分，全部正確得10分；2.第十道題選擇答案之后，點擊“交卷”，跳轉(zhuǎn)至P4-3場景，音樂與音效繼續(xù)播放背景音樂；頁面切換無頁號畫面描述4-3畫面情節(jié)1.本頁為作品第四頁得分場景；2.提交信息上傳成績。文案第一屆百科知識競賽得分0（此處數(shù)值為P4-2中十道題所得分總和）姓名電話郵箱動畫描述無交互與邏輯1.得分之后紅色數(shù)字為P4-2場景十道題的得分總和；2.姓名、電話、郵箱后面的框可以選擇填入信息；3.點擊上傳成績即可跳轉(zhuǎn)至P4-4場景。音樂與音效循環(huán)播放背景音樂頁面切換出現(xiàn)頁號畫面描述4-4畫面情節(jié)1.本頁作為作品第四個頁面，第四個場景；2.成績提交成功界面。文案第一屆百科知識競賽提交成功！返回首頁動畫描述無交互與邏輯點擊“返回首頁”即可返回至P3頁面。音樂與音效繼續(xù)播放背景音樂；頁面切換無頁號畫面描述5-1畫面情節(jié)1.本頁作為作品第五個頁面，第一個場景；

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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