canvas小程序-快跑程序员

canvas不用说html5带来的好东西，游戏什么的，么么哒

记得有一天玩手机游戏，就是一个跳跃过柱子那种，其实元素很简单啊，app能开发，借助html5 canvas也可以啊，于是就开始了。

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

游戏的全部

1. 一个会动的程序员,用一张图片，够省事

　　程序员的动作，跳跃

　　程序猿的状态，活着or死亡

2. 背景，理论背景和柱子们应该分开，分开可以采用分层的canvas来实现

3. 声音，跳跃，死亡，开始，死亡等等，借用audio来实现，这里我就实现了跳跃的声音

4. 记分牌

5. 消息板

代码行数 600行左右。

如图一个简单的游戏就出来了，当然，这个只是demo

碰撞计算，复杂重力计算，矩形柱子生成规则，水平速度，连续跳跃流程度等等我想到的，哈哈，都没很好的实现，

为什么呢，因为，能力不足，哈哈。

代码摘要：

baseDraw.js: 绘图的基类，提供绘制图片，文本，矩形的方法

main.js：入口文件，初始化游戏

Messager.js：显示消息，包含记分和屏幕中心的提示

rectFactory.js：柱子矩形的生成和擦除，核心

runnner.js：主角，重置，状态检查等

sounder.js ：声音

utils.js ：辅助类，复制和颜色随机

源码：快跑程序员

转载于:https://www.cnblogs.com/cloud-/p/6347820.html

canvas小程序-快跑程序员相关推荐

你还在观望吗？Creator3D小鲜肉《小鸭快跑》新鲜出炉！
date: 2019-10-16 摘要 CocosCreator 的 3D 版本正式上线!激动干嘛? 愣着啊! KUOKUO 正好手里有个小鸭子模型,于是就把它做成了一个小游戏. 正文风骚的走位系 ...
cocos creator 单机小驴快跑
cocos creator 单机小驴快跑可以自行搭建项目. 演示地址:https://www.bilibili.com/video/av51569369/ 联系方式:QQ 1019429950
还在观望？CocosCreator3D小案例《小鸭快跑》新鲜出炉！
摘要 CocosCreator 的 3D 版本正式上线!激动干嘛? 愣着啊! KUOKUO 正好手里有个小鸭子模型,于是就把它做成了一个小游戏. 正文风骚的走位系统事件来监听触摸 cc.syste ...
小恐龙快跑，不要被逮到拉~ python制作小恐龙游戏
前言嗨喽~大家好呀,这里是魔王呐 ! 这个小恐龙熟悉叭,相信你在摸鱼得时候玩过它~ 这是谷歌流量器中很有名的彩蛋:当你网络出现问题时,就会出现一个"小恐龙游戏". 当然你如果想要 ...
C语言/C++基础之火车快跑
C语言/C++基础之火车快跑程序之美前言主体运行效果代码示例代码分析结束语程序之美前言火车作者:[土耳其]贾希特·塔朗吉译者:余光中朗读:月汐去什么地方呢这么晚了美丽的 ...
恐龙快跑小程序对接流量主源码+前端 v5.0.4 全开源微擎框架
简介: 恐龙快跑小程序对接流量主源码+前端 v5.0.4 全开源优点: 首页流量主赚取收益用户冲分领奖品机制,冲到某个分数即可兑换相应奖品用户游戏死亡后需要充值金币或者转发给好友获取金币复活. 盈 ...
华为游戏小程序快应用账号登录6004报错集合
华为小程序快应用问题账号登录6004 总结常见的code码华为技术的答复转载请标明出处: https://dujinyang.blog.csdn.net/ 本文出自:[奥特曼超人的博客] 总结常见 ...
凡泰极客成为W3C成员并加入MiniApps工作组，将积极参与小程序快应用技术标准化进程
过去,中国科技企业对国际互联网技术标准的贡献与影响甚微,早期的奠基性技术标准如HTTP.HTML.SSL等,均由欧美技术界引领.近期在WebRTC等技术标准中,开始出现中国企业的身影. 小程序快应用技 ...
HTML5写的简单小游戏-绵羊快跑
为什么80%的码农都做不了架构师?>>> 用HTML5仿一款灵敏测试的flash小游戏程序: 完整程序在我博客:http://meego123.net/post-61.html ...

canvas小程序-快跑程序员

canvas小程序-快跑程序员相关推荐

最新文章

热门文章