使用Hype物理引擎制作一个网页小游戏（上）

Hype软件是一款Mac系统上的HTML5制作软件，在该软件中，引人注意的是它强大的物理引擎功能和动画制作功能，作为一个专业的程序员，要制作一款具备物理量的网页小游戏，少说也要费上一番功夫，更别提非专业编程人员了，但是这些问题，使用上Hype，可以迎刃而解。

下面，小编将使用Hype 4版本，演示如何快速且简单地制作一个具备元素重力物理量的网页小游戏，从此教程中，相信大家能感受到Hype的强大与魅力。

一、游戏画面展示

教程开始前，请大家先跟小编看看最终的网页游戏效果预览GIF吧，对将要做的效果进行一个大致的了解。

图1：网页游戏效果GIF预览

游戏玩法是：点击上方的“reset”文字，会出来一个圆形小球，小球具备重力和弹力，会自然下落，撞到墙或者是杠杆会反弹，玩家通过点击左边的L方块或者右边的R方块，弹起小球，一旦小球从正中间掉下，则视为失败。

了解了玩法以后，针对这个玩法，需要部署好对应的静态场景，然后使用Hype的物理引擎，对小球施加各种物理量，之后再制作一些动态效果，如颜色渐变，按钮点击事件等等，就可以实现这个小游戏啦，下面请大家跟随小编一起开始进行场景的部署。

二、页面制作

第一步