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在线演示
素材
素材已经从IE9割绳子官网全部拷贝下来,我已经准备好了,你准备好了吗?
TAG: