回顧

與“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在線演示

素材

素材已經從IE9割繩子官網全部拷貝下來，我已經準備好了，你準備好了嗎？