拼圖游戲平臺設計

畢 業(yè) 論 文 （ 設 計 ） 題 目 拼 圖 大 世 界 專 業(yè) 計算機應用技術 姓 名 年 級 03 計機高級工班 指導教師 - 3 - 前言 多媒體技術是當前計算機科學與技術領域的熱點技術，它誕生于 20 世紀 80 年代，在 20 世紀 90 年代獲得突破性的發(fā)展，并獲得廣泛的應用。多媒體技 術使計算機具有綜合處理文本、聲音、視頻、圖形、圖像的能力，它的迅速發(fā) 展已經深刻影響、改變著人們的生活、工作方式。多媒體的應用豐富多彩，不 僅涉及計算機的各應用領域，也涉及教育培訓、電子出版、通信、文化娛樂等 領域或行業(yè)。多媒體計算機技術正朝著高分辨率、高速度、簡單化、標準化和 智能化方向發(fā)展。 Authorware 是功能強大的交互式多媒體軟件，被廣泛應用于多媒體教學和 商業(yè)領域，在多媒體制作與發(fā)展領域有著舉足輕重的地位。它能完美地結合文 本、圖形、音頻、視頻以及動畫等素材，制作出精美的、跨媒體的學習軟件、 應用軟件等， 然后通過互聯(lián)網(wǎng)、局域網(wǎng)或光盤等多種載體進行發(fā)布?；谝?上原因，Authorware 正在被越來越多的多媒體工作者使用。 拼圖游戲相信大家都不會陌生，現(xiàn)在我們不妨利用 Authorware 來制作一 個拼圖游戲，借此切身體會 Authorware 的強大交互設計?，F(xiàn)在網(wǎng)絡上有各式 各樣的拼圖游戲，其中有用 Authorware、flash 、Animated Puzzles 等做的拼圖 游戲，如 Dreamweaver 中有一個行為叫 Drag layer (拖動層),用它也可以設計出 拼圖游戲。而在這里我要為大家做的是用 Authorware 制作拼圖游戲。這個拼 圖游戲的特戰(zhàn)在于，顏色鮮艷，采用靜、動相結合的方式，在頁面里加入了大 量的 flash 動畫、 GIF 動態(tài)圖片，從而令到頁面更生動。還有一關于拼圖的歷 史文化信息，游戲玩家可在悶時閱讀。 希望大家在通過玩這個游戲，令大家情開朗、愉快，能讓大家流連忘返。 - 4 - 目 錄 第一章 軟件介紹. 1 第二章 游戲平臺綜述2 第三章 平臺設計3 3.1 平臺設計分析.3 3.2 主頁面.5 3.3 初級頁面.6 .設置窗口大小.7 . 2 設計背景與導入拼塊.8 . “退出游戲” 以及“ 查看原圖 ”操作設計.9 .“瀏覽”的操作設計.10 .設計游戲者的拖拽拼塊行為判斷控制.11 3.4 中級頁面.14 第四章 結束語.15 - 5 - 第一章 軟件介紹 我在這個游戲平臺的建設中所要用到的軟件有: Authorware 7.0、Photoshop7.01、Coolpro2、Dreamweaver 等。 Authorware7.0 多媒體課件在現(xiàn)代教學技術與學科教學中的作用越來越引起重視，應用也日趨廣泛。通過 圖片、文字動畫、影視、聲音等多種媒體的有機組合，可取得良好的教學效果。因此，它的設 計和制作也越來越成為廣大教師應掌握的一門技術。在所運用的制作軟件工具中，Authorware 以操作平臺的可視性和交互性強，邏輯結構清晰等優(yōu)點備受廣大教師的青睞。 Photoshop7.01 在眾多圖像處理軟件中，Adobe 公司推出的專門用于圖形、圖像處理的軟件 Photoshop 以 其強大的功能、集成度高、適用面廣和操作簡便而著稱于世,Photoshop 是目前 PC 機上公認的 最好的通用平面美術設計軟件，它的功能完善，性能穩(wěn)定，使用方便，所以在幾乎所有的廣告、 出版、軟件公司，Photoshop 都是首選的平面工具。它不僅提供強大的繪圖工具，可以直接繪 制藝術圖形，還能直接從掃描儀、數(shù)碼相機等設備采集圖像，并對它們自發(fā)進行修改、修復， 臺調整圖像的色彩、亮度，改變圖像的大小，而且還可以對多幅圖像進行民并增加特殊效果， 使現(xiàn)實生活中很難遇見的景像十分逼真地展現(xiàn)；同時可以改變圖像的顏色模式，并能在圖像中 作藝術文字等。 Coolpro2.0 Cool Edit Pro（功能強大的多軌錄音軟件）非常出色的數(shù)字音樂編輯器和 MP3 制作軟件。 不少人把 Cool Edit 形容為音頻“繪畫” 程序。你可以用聲音來“繪”制：音調、歌曲的一部分、聲 音、弦樂、顫音、噪音或是調整靜音。而且它還提供有多種特效為你的作品增色：放大、降低 噪音、壓縮、擴展、回聲、失真、延遲等。你可以同時處理多個文件，輕松地在幾個文件中進 行剪切、粘貼、合并、重疊聲音操作。使用它可以生成的聲音有：噪音、低音、靜音、電話信 號等。該軟件還包含有 CD 播放器。其他功能包括：支持可選的插件；崩潰恢復；支持多文件； 自動靜音檢測和刪除；自動節(jié)拍查找；錄制等。另外，它還可以在 AIF、AU 、MP3、Raw PCM、SAM 、 VOC、VOX、 WAV 等文件格式之間進行轉換，并且能夠保存為 RealAudio 格式。 - 6 - 第二章 游戲平臺綜述 在 Internet 上的網(wǎng)站里，里面有著各式各樣的拼圖游戲。比如有 Authorware 、FLASH MX、VB、Animated Puzzles 做成的拼圖游戲。 用 FLASH MX 或 VB 做來的拼圖游戲畫面比較漂亮、功能比較完善， 相對來說制作也會復雜很多。所以我在這里要給大家看的就是用 Authorware 做出來的，可能畫面和功能都不是很好，但也有它的特別 的地方。內容簡潔、操作方便這些都是前面兩種軟件制作的拼圖游戲 所沒有的。在我這個游戲平臺里，大家可以看到簡潔明亮的圖片，能 聽到感受結合清新明亮的音樂，而同時可以玩到好玩的休閑游戲，我 相信是不錯的感覺。 我在這個拼圖大世界拼圖游戲平臺，帶給大家些許童年的回憶。 里面有精美的圖片，輕靈優(yōu)美的音樂，每張圖片都有相對應的音樂， 另你邊玩游戲邊感受音樂。游戲的難度有三種，玩家可以選擇不同的 難度進行。或者可以從初級慢慢玩到高級，從開始 33，到 44 拼圖 的塊數(shù)也更多，等著你來挑戰(zhàn)難度。 希望通過這個游戲平臺，玩得開心。 - 7 - 第三章 平臺設計 31.平臺設計分析 通過上面的平臺綜述，平臺以節(jié)奏舒緩的背景音樂貫穿游戲始終，體現(xiàn)出游戲 幽雅的氛圍。加上各式各樣的精美圖片，另游戲過程更加輕松。 在做這個游戲平臺時，為方便各種人群玩家的難度要求可分為初、中、高級。自 由選擇。也可以按照平臺轉默認的難度從初級玩起。 初級，為最低級的的，難度也相對是最容易的。 中級，由原來的9張圖上升到16張，難度也有所上升。 高級、由16張上升到25張，難度也是最大的。 對上述各種難度下面有清楚的結構圖。 拼圖大世界 開始游戲 中級初級 中級二 高級一初級一初級一 初級二 初級三 初級二 初級三 中級一 高級二 高級 高級三 圖3-1 結構圖 在上面的結構圖中，已經了解到：當你進入主頁面時，主頁面中已經包含了差不多整個平臺 的內容，我們主要分三個部分，分別是：初級、中級、高級。在每個部分的目錄中，都包含了 不同的豐富內容、音樂和圖片，讓你留連忘返。 - 8 - 3主頁面 我們畢業(yè)設計的拼圖游戲平臺主頁面主要由，暗紅的曖色調配對絕色和藍色的冷色調，從而形 成一種冷、暖鮮明的對比，而另整個主頁面更清晰明了。 - 9 - 3 初級頁面 這是我的平臺初級頁面： 圖（1）拼圖游戲執(zhí)行界面 在上面的頁面中，給人一種清新、簡潔的氣息，再配對輕柔的音樂，在這種感覺中玩這種小 游戲是相當不錯的感受。 單個拼圖的制作步驟： 拼圖游戲，圖是主題，拼是過程，因此制作前必須準備好拼圖游戲的相關圖片，包括切割好的 原圖拼塊（可選擇 PhotoShop 或者 Fireworks 等圖形處理工具進行切割）。一切就緒，啟動 Authorware 7.0 開始制作。 - 10 - .設置窗口大小 圖（2）窗口大小 如圖（2）所示，“窗口大小”中輸入“ResizeWindow(800,600)”就可以將窗口大小設置為 800*600。 - 11 - 3.3.2 設計背景與導入拼塊 圖（3）背景與導入拼塊設計流程 如圖（2）所示，“原圖”顯示圖標導入拼圖游戲背景。為了防止游戲者在游戲過程中意外拖 動，背景圖片，在“原圖”圖標的計算窗口寫入：Movable原圖:=FALSE 群組圖標“分圖” 存放的是全部拼塊，一個顯示圖標導入一個拼塊。在導入拼塊時要注意把位置順序搗亂。接下 來我們繼續(xù)設計拼圖游戲的主體交互部分，也就是如何判斷控制游戲者的拼圖過程行為。 - 12 - . “退出游戲”以及“查看原圖”操作設計。 在流程上添加一交互圖標“1”，再添加一群組圖標和計算圖標到右側 圖（ 4 ）退出游戲交互分支 - 13 - .“瀏覽”的操作設計 首先在“瀏覽”群組圖標里添加一個刪除圖標，將以上的圖片全部刪除。再放一張原圖，加多 一個交互圖標，添加一個計算按鈕圖標，另其可以返回到窗口大小位置，再從頭再運行。 圖（5）建立查看原圖分支 圖（5）中群組圖標“瀏覽”的二級流程圖如圖（5）右上角所示。其中顯示圖標“原圖 2”就 是原圖，為了防止游戲者查看原圖時意外拖動原圖，其計算文本為：Movable原圖:=FALSE 而退出游戲只要在計算圖標“退出”里輸入代碼：Quit（0），響應屬性默認就可以了。就可 以完成了用按鈕的“退出游戲”按鈕 - 14 - .設計游戲的拖拽拼塊行為判斷控制 首先設計游戲正確拖拽拼塊到目的地的流程。如圖（6），拖動一群組圖標“圖 1”到交互的 右側，選擇響應類型為“目標區(qū)”。 圖（6）拖動響應交互 調試執(zhí)行程序，程序將自動暫停，等待用戶設置響應屬性，選擇相應的拼圖分塊“圖 1”，使 熱區(qū)符號附到該圖片上，按要求拖動“圖 1”拼塊到目標區(qū)域，調整熱區(qū)大小使其充滿所在小 方格，即定義對象“圖 1”的目標區(qū)域為整個小方格區(qū)域，同時設置屬性窗口的放下選項為 “在中心定位”，即定義當物體被拖動到該區(qū)域后，將自動鎖定在該區(qū)域中心；設置拖動目標 區(qū)域為正確響應設置，即在狀態(tài)欄將默認的“不判斷”改為“正確響應”如圖（7）所示。 - 15 - 圖（7）正確拖放熱區(qū)屬性設置 添加一空內容的群組圖標“錯誤”到右側。如圖（8）左上屬性窗口所示，設置響應類型為“目標 區(qū)”，目標對象選擇為允許任何對象，即對任何目標對象都是有效的。放下選擇“返回”，即 如果拖動目標對象到錯誤區(qū)域，則會自動返回原處。響應熱區(qū)范圍調整為整個屏幕，同時設置響 應的狀態(tài) 屬性為“錯誤響應”，如圖（8）右下屬性窗口所示 - 16 - 圖（8） 錯誤拖放熱區(qū)屬性設置 存盤并執(zhí)行，此時就可嘗試拖動拼塊“圖 1”到指定區(qū)域了，如果拖拽目的地錯誤，則返回原始位 置。同樣方法，在交互圖標里插入其它拼塊的拖拽操作流程，這樣，這拼圖游戲平臺的一部分主體 流程就設計完畢。而后面的也是大同小異的操作。 - 17 - 3 中級頁面 這是我的平臺中級頁面： 在上面的頁面中繼前個頁面的清新、簡潔。而音樂上搭配上一轉風格，給人一種沙漠風情的感 覺。 - 18 - 第四章 結束語 以上篇幅簡要介紹了本次畢業(yè)設計的內容。主要是介紹了這個游戲平臺的組成 及其工作過程；通過設計分析確定初步設計方案，緊接著學習應用軟件為設計打下 扎實的基礎，最后著手設計，在短時間風閱讀了大量的相關資料，提高了自己的效 率。在本次設計中，充分領會和加深了對Authorware這個軟件的認識。 有人說:生命的行進就像是一個拼圖游戲，在人生的每個角落里，都擺放著輕 重不同的方塊。人們往往忽視了腳邊細小而珍貴的那一塊。 在這里順便也說一下拼圖游戲的起源。宋朝有個叫黃伯思的人，對幾何圖形很 有研究，他熱情好客，發(fā)明了一種用6張小桌子組成的“宴幾”請客吃飯的小 桌子。 后來有人把它改進為7張桌組成的宴幾，可以根據(jù)吃飯人數(shù)的不同，把桌子 拼成不同的形狀，比如3人拼成三角形，4人拼成四方形，6人拼成六方形這樣 用餐時人人方便，氣氛更好。 后來，有人把宴幾縮小改變到只有七塊板，用它拼圖，演變成一種玩具。因為 它十分巧妙好玩，所以人們叫它“七巧板” 。到了明末清初，皇宮中的人經常用它 來慶賀節(jié)日和娛樂，拼成各種吉祥圖案和文字，故宮博物院至今還保存著當時的七 巧板呢！ 18世紀，七巧板傳到國外，立刻引起極大的興趣，有些外國人通宵達旦地玩它， 并叫它“唐圖” ，意思是“來自中國的拼圖” 。 其實“記憶拼圖”是一款訓練、測試游戲者記憶力以及注意力的小游戲。游戲 者的任務是憑記憶找出每張在原圖中的位置。所以游戲者需要集中注意力，盡可能 的記住看到的每一張圖片的位置，從而用最短的時間完成任務。