HTML5 Canvas编写五彩连珠（5）：寻路
上节主要做了动画的实现，感觉还是比较有意思的。游戏的性能好不好，重绘应该比较重要吧，菜鸟瞎想了下 呵呵。本节就要做对泡泡的操作，上节后面提到了点击泡泡后泡泡要做出闪动响应，那我们我们如何获得被点击了哪个泡泡呢？其实Canvas也是html的一个元素而已，所以我们可以给Canvas加click事件 ...
原文：HTML5 Canvas编写五彩连珠（6）：试玩
上节中讲了如何寻路，在和朋友们讨论时都反应有时走的不太对，绕远路了，其实代码主要是大方向的判断 比如目标在右上，那应该是先右还是先上 这个并没有做处理，如果这个做了处理，效果会更好一些，但也难免会走弯路。 贪心就是这样，不是最优，接近最优。也希望其他的同学有意见的可以讨论下。我这也只是个人想法。 既然可以走动了，那就可以判断是否可以消除同样颜色的行 列或斜线了。只要 gt 个同样的色球，就清除他 ...
2012-03-19 22:56 6 2504 推荐指数：
相关推荐
HTML5 五彩圆环Loading加载动画实现教程
今天我们要来介绍一款效果很特别的HTML5 Loading加载动画，不像其他的Loading动画，这款Loading动画颜色很丰富，并且在转圈的时候还有淡入淡出的效果。每一个圆环不停地旋转，从而实现加载动画的效果。首先你可以看看效果演示： 你也可以在这里查看在线演示 下面分享一下这款 ...
HTML5/CSS3实现五彩进度条应用
今天要介绍的是一款基于HTML5和CSS3的进度条应用，这款进度条是静态的，仅提供进度条的五彩外观。当然你可以在CSS中动态设置进度值来让其变得动态，一个很好的实现方式是利用jQuery动态改变CSS中的进度值，让进度条实时动起来。具体效果大家可以看演示。 你也可以在这里查看在线演示 接下 ...
五彩斑斓的黑
五彩斑斓的黑 项目背景 由于众所周知的原因（武汉2020），只能在家整东西玩，想起了以前和同学聊天提到的五彩斑斓的黑，遂来了灵感，造出来这么一个轮子。 项目效果图 项目简介 五彩斑斓的黑，可以把黑白的论文变成五彩斑斓，这样看论文的时候就不无聊了（误 实现了pdf转化为五颜六色 ...
8个经典的HTML5游戏在线试玩及源码学习
原文地址：http://www.oschina.net/news/32364/html5-games 游戏，毫无疑问是拿来供大家娱乐玩耍的，这也无可厚非，但是，今天给大家分享的8个HTML5游戏，在好玩的同时，相信也会有不少HTML5开发者对其源代码感兴趣，一起来看看吧。 1、Project ...
html5 canvas 渐变
canvas loading... 渐变是指在颜色集上使用逐步抽样算法，并将结果应用于描边样式和填充样式中。使用渐变需要三个步骤： (1) 创建渐变对象； (2) 为渐变对象设置颜色，指明过渡方式； (3) 在context上为填充样式或者描边样式设置渐变。 可以将渐变看做 ...
HTML5 canvas的事件
HTML5 canvas的事件 <script> var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.strokeStyle ...
html5 canvas（基本矩形）
先从简单的开始 fillRect(x,y,width,height) 在坐标x,y的位置加上一个宽，高 如： fillRect(0,0,500,500)//在坐标0，0处 ...