小皇可可|使用Hype物理引擎制作一个网页小游戏（上）( 二 )
图6：加入杠杆矩形
第六步：在元素按钮中 ， 添加一个矩形和椭圆形 ， 然后设置矩形的宽度和高度为79px ， 并加入2px的实线绿色边框；设置椭圆形的宽度和高度为48px ， 并加上2px的实线白色边框 ， 最后设置0时刻该椭圆形的不透明度为0 。 这里可以根据自身需要调整椭圆形的大小 ， 大点的话游戏难度自然变小 ， 小点的话游戏难度增大 。
完成大小设置以后 ， 拖动元素位置 ， 摆放位置如下图7 。
文章图片
图7：加入障碍和小球
第七步：最后 ， 在元素按钮中添加一个按钮 ， 写入文字“Reset” ， 设置一个恰当的背景颜色 ， 然后摆放在下图8红框位置即可 。 此按钮用于点击时 ， 开始或重置游戏 。
文章图片
图8：加入Reset按钮
那么本小节的静态场景页面到这里就制作完成了 ， 但是完成场景的制作只能算完成了小游戏的一半 ， 游戏还需要加入一些动态的事件才能算正式完成 。 在下一节《实例：使用Hype物理引擎制作一个网页小游戏（二）》中 ， 小编将带来制作网页小游戏教程的剩下部分 ， 请大家继续关注Hype中文网站进行后续学习哦 。
推荐阅读
![[腾讯科技]亚马逊仓库只进必需品，贷款缠身的卖家业务受损、岌岌可危](http://ttbs.guangsuss.com/image/5f41d7bbff536ef727029b8fdf70c7a9)
- 角色|佛陀降世 《圣斗士星矢：重生》阿赖耶识·沙加的使用技巧
- 使命召唤|使用腾讯手游助手 助力玩家召唤英雄
- 妹子|又一个代打主播？贝玲妃使用关羽证明自己，礼物满屏停不下来
- 拳头|LOL至臻皮肤商店开启！你手中的至臻点，最后使用期限尚未到来
- 艾琳|天美“疯”了！签到送8款传说皮肤，艾琳开放使用，妲己源梦来袭
- fpx战队|王者荣耀：被90%玩家遗弃的装备，夏侯惇如果使用，能增加1个大招
- 九游网|光剑紫使用教程，《元气骑士》光剑紫形态变换技巧教学
- 地下城与勇士|DNF：试炼之塔会产出大量怪物召唤券，遇到卡壳的时候要果断使用
- 3DM游戏网|《死亡循环》也将使用Denuvo防篡改技术
- 87G手游网|救援烟一般，诱饵烟操作最秀，和平精英：烟雾弹的使用方法