H5游戏开发实战之 - 忍者跳跃

本文介绍了如何使用HTML5开发一款名为‘忍者跳跃’的休闲游戏。游戏包括忍者、飞鸟、敌方忍者、屋角等元素,玩家需操控忍者躲避障碍并攀高。文章详细讲解了从准备工作、场景设置、角色和对象创建到事件处理代码的全过程,提供在线运行和编辑链接,帮助读者理解H5游戏开发。
摘要由CSDN通过智能技术生成

这是一款快节奏的攀爬游戏,游戏目标是不断的攀高,途中会遇到敌方忍者、生气的飞鸟、同时要避开屋角障碍,点屏幕时忍者会从墙的一头跳到另一头,进行躲避和击杀。

先Show一下最终的成果
这里写图片描述 这里写图片描述

在线运行
在线编辑

游戏用到的js代码只有几百行。
下面我们就用 所见即所得 WYSIWYG 的方式,画出游戏的界面。

准备工作

1、申请一个云盘帐号,百度、又拍、新浪都可以;
2、chrome(或firefox)地址栏输入七巧板在线IDE网址:http://osgames.duapp.com/,并登录(文件->登录);
3、游戏使用的图片上传到云盘;工具->打开资源管理器,然后上传

制作忍者奔跑界面

屏幕分辨率设置为320x480

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值