小皇可可|使用Hype物理引擎制作一个网页小游戏（上）( 二 ) Hype软件是一款Mac系统上的HTML5制作软

图6：加入杠杆矩形
第六步：在元素按钮中，添加一个矩形和椭圆形，然后设置矩形的宽度和高度为79px ，并加入2px的实线绿色边框；设置椭圆形的宽度和高度为48px ，并加上2px的实线白色边框，最后设置0时刻该椭圆形的不透明度为0 。这里可以根据自身需要调整椭圆形的大小，大点的话游戏难度自然变小，小点的话游戏难度增大。
完成大小设置以后，拖动元素位置，摆放位置如下图7 。

文章图片
图7：加入障碍和小球
第七步：最后，在元素按钮中添加一个按钮，写入文字“Reset” ，设置一个恰当的背景颜色，然后摆放在下图8红框位置即可。此按钮用于点击时，开始或重置游戏。

文章图片
图8：加入Reset按钮
那么本小节的静态场景页面到这里就制作完成了，但是完成场景的制作只能算完成了小游戏的一半，游戏还需要加入一些动态的事件才能算正式完成。在下一节《实例：使用Hype物理引擎制作一个网页小游戏（二）》中，小编将带来制作网页小游戏教程的剩下部分，请大家继续关注Hype中文网站进行后续学习哦。

小皇可可|使用Hype物理引擎制作一个网页小游戏（上）( 二 )

推荐阅读

Intel|12代酷睿升级LGA1700插槽网友实际数了一遍：真是1700个针脚

小米手环4|8天出货量100万支！小米手环4成全球最畅销手环

江苏卫视|北京卫视和江苏卫视联播，本以为这剧会火，结果收视表现出乎意料

「十渡车神」平行进口车经历生死大考

潮流尚拍精选|还是穿得“简约风”些更帅气，男生衬衫

红茶是煮还是泡,岩茶也是普洱茶可以煮

如歌岁月|任正非谈汽车自主创新：我不反对李书福！网友：发动机不重要吗？

ChristteCYChua典雅太|杨幂很挑食，吴彦祖接地气，看到吴京：要不，当明星们在片场吃饭

游戏小怪兽|王者荣耀：手残意识好？那就选择这些英雄上分吧

多特体育|宏远打“野球”狂胜150分！国家队欺负青年队，杜锋真不给面子

#星座听语#痴情眷恋，难以舍弃，3星座不再退缩，挽回旧爱再相守，5月下旬

纵相新闻|西媒高呼"中国市场很神奇"，哈萨克斯坦称中国进博会代表了稳定和吸引力 | 外媒看进博

青岩梦罢|丁当节目接长发，本以为效果一般，看清效果后，粉丝都快认不出了

[绿豆]男人想要长寿，5件“耗阳”的事要“舍弃”，一些人表示很难做到

领导打压下属，最常用这五种手段，一招比一招毒

「」张杰的一首歌, 竟成高考神曲, 网友: 点燃无数高考学生的激情

晴晴侃游戏|再也不怕刚枪，和平精英：主副武器怎么选？最实用的搭配

结局|中国古代唯一女状元，才貌双全官居丞相，却成他人点心，结局悲惨

上观新闻|收到“老板”指令转账汇款？要当心了！冒充老板骗局再次卷土重来

李小璐送闺蜜1599朵玫瑰|患难见真情!李小璐送闺蜜1599朵玫瑰 1599朵的寓意了解下