zoukankan      html  css  js  c++  java
  • 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割绳子官网全部拷贝下来,我已经准备好了,你准备好了吗?

  • 相关阅读:
    [机器人仿真软件(一)]V-REP与MATLAB进行通讯的方法
    TCP接收非法数据0xFFF4FFFD06的问题
    std::numeric_limits::epsilon
    linux 设置默认网关
    更换pip源
    实时屏幕传输
    安装node
    window 添加服务
    数据集格式
    jupyter 设置密码
  • 原文地址:https://www.cnblogs.com/iamzhanglei/p/2417110.html
Copyright © 2011-2022 走看看