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

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

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

• 艾琳|天美“疯”了！签到送8款传说皮肤，艾琳开放使用，妲己源梦来袭
• fpx战队|王者荣耀：被90%玩家遗弃的装备，夏侯惇如果使用，能增加1个大招
• 九游网|光剑紫使用教程，《元气骑士》光剑紫形态变换技巧教学
• 地下城与勇士|DNF：试炼之塔会产出大量怪物召唤券，遇到卡壳的时候要果断使用
• 3DM游戏网|《死亡循环》也将使用Denuvo防篡改技术
• 87G手游网|救援烟一般，诱饵烟操作最秀，和平精英：烟雾弹的使用方法
• 韩信|S21“最稳”射手，自带4段位移，难度远超韩信，却因太强无人使用
• theshy|不愧是Theshy！未能如愿拿到卡牌后，使用上单女警Carry全场
• 互联网|各门派分布介绍，我的侠客刀法剑法获取使用方法详细教程攻略
• 互联网|鸿图之下藏宝图使用玩法详细教程攻略