canvas主要用来做什么可以做什么游戏

来源：蜘蛛抓取(WebSpider) 时间：2017-12-12 16:21 标签： canvas小游戏源码
Canvas做游戏实践分享_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
Canvas做游戏实践分享
阅读已结束，下载文档到电脑
想免费下载更多文档？
定制HR最喜欢的简历
下载文档到电脑，方便使用
还剩6页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
我刚刚开始做游戏，有没有大神提示一下，比如人物层，背景层，等等层。之间又是怎样联系的？
没理解我的意思= =
比如穿越火线，进入游戏后，右计分，任务层，还有人物层，背景层等等，是这样吗？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
做canvas的游戏，最好从一个引擎入手，入门级别的引擎比如：lufy（JS开源，并且有博客做指导），在实现一些效果之后，再查看源代码学习如果实现；
你说的这些层，并不用新建那么多的Canvas，一个Canvas足矣；
原始的canvas并不支持层，这些层都是引擎提供的概念，现市面上的引擎大部分类似Flash，层叫Sprite。
层的概念：这好比一张JPG图片本身不支持层，但是PhotoShop里面有层的概念，很多张图片组合起来就形成了一个图标，保存成的PSD文件包含了这些信息。最终导出的JPG只是一张图，而Canvas本身就是一张一张的图往上贴，这就要提到FPS，看下一条；
所谓的FPS为60Hz，是指1秒钟将Canvas画布重绘60次，并且在重绘的过程中计算每一个「物件」、「刚体」的新位置，然后将这些「物件」绘制在对应的坐标上；
一个Canvas就是一个场景Stage，然后背景是一个层，人物是一个，然后引擎计算人物的坐标，以及背景的坐标，绘制上去。如果有操作，则计算新的位置，重新绘制上去。
这里的层也有层级概念，类似DIV等，当然，层是引擎实现的，层级也是引擎实现的。
鼠标点击事件在Canvas里面比较麻烦，入门最好使用引擎来做。
PC游戏都是不停的重绘（通过显卡、CPU），但是一个好的引擎，会通过计算后，发现并不用重绘背景，只重绘一小部分。比如egret引擎，支持脏重绘。（这其实也是Windows的重绘概念，一通百通）
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你还是去找个引擎比较好，从头开始做很麻烦，市面上引擎也有不少了
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
头一回听说用很多层的。。。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我知道canvas绘制的模型可以自动调用硬件GPU加速，但没有做过h5游戏，所以没有测试过性能，你可以测试一下，用开发者工具或者模拟器可以得到数据
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
不是大神，但还是想交流一下。我前一段时间琢磨了一下canvas开发游戏，看了一下canvas的技术文档之后发现不用引擎去做canvas游戏会很累的。一是canvas的点击事件需要通过坐标计算来实现，图形本身是不能绑定事件的。然后在重绘这个方面，canvas本身没有层的概念，图像画上去就分离不了了。这是我做的一个小demo，点击蓝点，加十分，生成下一个蓝点。点击事件要计算坐标，但是我想如果需要常态点击事件，例如开始游戏之类的，我打算以div做事件处理。然后言归正传，我是做了两个层，一个背景，一个是蓝点层。背景层几乎是不动的，这部分能不重绘就不重绘，否则每一帧都全画幅重绘会很傻。对于canvas多少层恰当，我觉得无论多少层，只要你没有让dom重绘，多少个都无所谓。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
一个 Canvas 足矣做游戏的话，建议搞清楚 canvas, layer, sprite等概念
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
学习相关原理 可以参考下这个源码
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？内容字号：
段落设置：
字体设置：
精准搜索请尝试：
Canvas Rider - 带感的Html5制作成的山地车游戏
来源：作者：HaLu责编：黄幻凌
Canvas Rider 是一款用&JS&和&Html5&写出来的在线小游戏。Canvas Rider&充斥了太多创作与随性的游戏，游戏为你提供了一个开放的画板，你可以去绘制一个个性的关卡来让你的人物骑着车去悠闲的欣赏景色或者风驰电掣的回旋于天地之间，这都取决于你的鼠标。当然你也可以来玩玩别人创作的关卡，类似游戏表明可是有很多牛人精于此道的。
玩法：先选择游戏地图。 【上键】加速，【左、右、下键】控制重心的偏向，【回车键】重新开始游戏，鼠标滑轮控制游戏画面缩放。
2.访问网站：（）：熬不尽的IT江湖 - 转载请获得软媒授权或加上原文可点击链接和出处。
软媒旗下软件：
IT之家，软媒旗下科技门户网站 - 爱科技，爱这里。
Copyright (C) , All Rights Reserved.相关文章推荐
这几天遇到android录制MP4格式视频，到IPhone上播放不了的问题，经多方搜索没有找到问题所在，
最初android端使用的是 Mediarecoder 默认的简单设置，代码如下：
目前能够实现热更新的方法，总结起来有以下三种
1. 使用FaceBook 的开源框架 reactive native，使用js写原生的ios应用
ios app可以在运行时从服务器拉取最新的js文件到...
Created on
@author: qs
#from twisted.internet import epollreactor
#epollreactor.i...
这是一个很简单的游戏，通过学习原博文然后进行了一些改造，附上链接。
原文：点击打开链接
其中还是有很多不好的设计思维，比如主角和怪物并不是分开处理，如果后续有其...
下载完毕后，运行，在第一个界面操作。
1.新建工程
打开Construct 2，可以看到一个类似Microsoft Office 2010的界面。点击左上角File（文件）按钮打开“文...
Created on
@author: qs
import threading
import thread
import time
import struct
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)7款值得你心动的HTML5动画和游戏 | HTML5资源教程

我要回帖

更多关于 canvas小游戏源码 的文章

 

随机推荐