社区
JavaScript
帖子详情
分享HTML5 Canvas编写的五彩连珠游戏
maddemon
2012-03-22 11:42:09
试玩地址:
http://zhengliangjun.sinaapp.com/colorline.html
HTML5 Canvas编写五彩连珠(1):预览
HTML5 Canvas编写五彩连珠(2):画图
HTML5 Canvas编写五彩连珠(3):设计
HTML5 Canvas编写五彩连珠(4):动画
HTML5 Canvas编写五彩连珠(5):寻路
HTML5 Canvas编写五彩连珠(6):试玩
心得:
其实用HTML5开发游戏并不难,只要掌握了javascript语法和Canvas相关的api,再整理下游戏的逻辑就行了。
但是要开发好性能高的游戏就比较难了,我这个游戏性能并不高,主要是用于学习与练习。
如果有同学有性能方面的建议,尽管回贴。
...全文
231
12
打赏
收藏
分享HTML5 Canvas编写的五彩连珠游戏
试玩地址:http://zhengliangjun.sinaapp.com/colorline.html HTML5 Canvas编写五彩连珠(1):预览 HTML5 Canvas编写五彩连珠(2):画图 HTML5 Canvas编写五彩连珠(3):设计 HTML5 Canvas编写五彩连珠(4):动画 HTML5 Canvas编写五彩连珠(5):寻路 HTML5 Canvas编写五彩连珠(6):试玩 心得: 其实用HTML5开发游戏并不难,只要掌握了javascript语法和Canvas相关的
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
12 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
王集鹄
2012-03-23
打赏
举报
回复
还有实现步骤 good。
zuxianghuang
2012-03-23
打赏
举报
回复
,不错,html5还没玩过呢
maddemon
2012-03-23
打赏
举报
回复
游戏规则:
把同样颜色的球练成一条线即可消除这条线
但每次只能移动一个球
每次移动都会掉下来3个球(成功消除一条线后不会掉下来)
dalmeeme
2012-03-23
打赏
举报
回复
楼主V5,赞一个~
三石-gary
2012-03-23
打赏
举报
回复
加点提示就好了///
三石-gary
2012-03-23
打赏
举报
回复
非常不错
不熟不聊
2012-03-23
打赏
举报
回复
真棒。。学习学习。。
Acesidonu
2012-03-23
打赏
举报
回复
非常不错
峭沙
2012-03-22
打赏
举报
回复
看着不错,有空试玩下
maddemon
2012-03-22
打赏
举报
回复
看看你能得多少分? 哈哈
HTML5
Canvas
拼图
游戏
开发
本课程基于
HTML5
的
Canvas
编程技术、JavaScript和CSS等前端技术,实现了拼图
游戏
的开发过程,可以借此课程初步掌握网页
游戏
的开发过程和思路,并加强对H5等前端技术的熟练掌握。
HTML5
Canvas
编写
五彩
连珠
(1):预览
用javascript+
canvas
编写
一个
五彩
连珠
的
游戏
。
Canvas
画布 标签<
canvas
id="
canvas
" ></
canvas
>,很简单和普通的tag没区别。 关键在于js对他的操作。先看个示例代码: <
canvas
id="
canvas
" ...
HTML5
Canvas
编写
五彩
连珠
(4):动画
所以说
html5
Canvas
还是低级, 没有图层的概念,擦掉再想补回来,怎么补? 答案就是重绘。 没错,整个
Canvas
重绘,这样就能不用担心补哪里了。虽然带来了性能的损失,但绝对减少的编码难度。而且计...
HTML5
Canvas
编写
五彩
连珠
(6):试玩
上节中讲了如何寻路,在和朋友们讨论时都反应有时走的不太对,绕远路了,其实代码主要是大方向的判断 比如目标在右上,那应该是先右还是先上 这个并没有做处理,如果这个做了处理,效果会更...只要>=5个同样的色球,就
HTML5
Canvas
编写
五彩
连珠
(5):寻路
上节主要做了动画的实现,感觉还是比较有意思的。...其实
Canvas
也是html的一个元素而已,所以我们可以给
Canvas
加click事件。来查看click时鼠标的坐标,这样就等得出点击了map的哪个位置。 我们给game增加一个c
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章