HTML5 【IE9割繩子】制作教程來襲····


回顧

與“Angry Birds”一樣,2010年發布的“割繩子”是一款火爆的手機游戲,首先推出的是iOS版,於去年6月份推出Android版。它的游戲內容是:一個叫Om Nom的綠怪獸餓了,你必須喂他糖果,而要得到糖果,你要先割斷繩子以及操縱安全氣袋和泡泡,過程中還要收集星星來獲取額外積分。

為了進一步宣傳IE9和華麗的Web應用程序,微軟與該款游戲的開發商ZeptoLab聯合推出了HTML 5版“割繩子”游戲。

盡管這款游戲是為IE 9開發的,但它可以在任何兼容HTML 5的瀏覽器上運行。

背后的開發故事

在IE9割繩子推出一段時間后,微軟發布了“《割繩子》HTML 5版背后的開發故事”一文。在此文當中,除了推薦了一個PxLoader資源加載庫 和一堆開發工具和平台(Windows8、IE9、Visual Web Developer 2010 Express),沒有透露一丁點對開發人員有價值的東西。而作為廣大的技術狂熱份子們,更關心的是GUI組件、游戲引擎、物理引擎、繩子、機關、氣囊等物理模型的算法、引擎之間的集成等問題。

所以本人打算從開始,一步一步帶領大家制作一個完整的IE9割''繩子''以及制作其相關的物理引擎。如果有可能的話,在IE9割繩子基礎上做一些有趣的擴展。

教程目錄

其中包括:

(1)HTML5 【IE9割繩子】制作教程來襲····

(2)游戲框架搭建

(3)資源加載

(4)動感氣泡loading制作

(5)開場動畫

(6)菜單制作

(7)對象建立

(8)碰撞檢測

(9)游戲音效

(10)鼠標控制

11)繩子

12)氣球

13)噴氣囊

14)機關

(15)物理引擎制作

16)集成物理引擎

(17)關卡

(18)可玩性擴展

其中【碰撞檢測】將會拆成幾篇分別介紹,分別如下所示:

球與青蛙、氣泡、星星碰撞檢測

球與青蛙、氣泡、星星碰撞反應

鼠標與繩子、氣囊和氣泡碰撞檢測

鼠標與繩子、氣囊和氣泡碰撞反應

其中的【物理引擎制作】將會拆分為十四篇分別介紹,分別如下所示:

概述

面向對象編程

建立基本對象

集成單元測試框架

集成圖形化輸出接口

碰撞檢測

AABB

OBB

碰撞反應

重疊處理

靜止接觸(待定)

物體休眠算法(待定)

關節、機關、繩子、氣球、汽車

貼圖

由於割繩子不同於《憤怒的小鳥》,其游戲整個過程不包含靜止接觸接觸的狀況,所以靜止接觸和物體休眠算法優先級最低。也就是說:不包含這兩項功能的物理引擎也可以滿足割繩子游戲的正常制作。

 

Hello cut the rope在線演示

請使用現代瀏覽器觀看在線演示!

 

素材

image

素材已經從IE9割繩子官網全部拷貝下來,我已經准備好了,你准備好了嗎?


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM