上节中讲了如何寻路，在和朋友们讨论时都反应有时走的不太对，绕远路了，其实代码主要是大方向的判断 比如目标在右上，那应该是先右还是先上 这个并没有做处理，如果这个做了处理，效果会更好一些，但也难免会走弯路。 贪心就是这样，不是最优，接近最优。也希望其他的同学有意见的可以讨论下。我这也 ...

今天我们要来介绍一款效果很特别的HTML5 Loading加载动画，不像其他的Loading动画，这款Loading动画颜色很丰富，并且在转圈的时候还有淡入淡出的效果。每一个圆环不停地旋转，从而实现加载动画的效果。首先你可以看看效果演示： 你也可以在这里查看在线演示 下面分享一下这款 ...

今天要介绍的是一款基于HTML5和CSS3的进度条应用，这款进度条是静态的，仅提供进度条的五彩外观。当然你可以在CSS中动态设置进度值来让其变得动态，一个很好的实现方式是利用jQuery动态改变CSS中的进度值，让进度条实时动起来。具体效果大家可以看演示。 你也可以在这里查看在线演示 接下 ...

功能描述： 结合A*算法和HTML5完成的一个寻路demo。 鼠标点击地图任意位置，飞鸟会寻找最短路程到达该位置。 效果预览： 代码分析： 　　具体的A*算法寻路逻辑请看这里推荐的一篇很好的文章，我就不再详述： 　　英文版：http ...

五彩斑斓的黑 项目背景 由于众所周知的原因（武汉2020），只能在家整东西玩，想起了以前和同学聊天提到的五彩斑斓的黑，遂来了灵感，造出来这么一个轮子。 项目效果图 项目简介 五彩斑斓的黑，可以把黑白的论文变成五彩斑斓，这样看论文的时候就不无聊了（误 实现了pdf转化为五颜六色 ...

canvas loading... 渐变是指在颜色集上使用逐步抽样算法，并将结果应用于描边样式和填充样式中。使用渐变需要三个步骤： (1) 创建渐变对象； (2) 为渐变对象设置颜色，指明过渡方式； (3) 在context上为填充样式或者描边样式设置渐变。 可以将渐变看做 ...

HTML5 canvas的事件 <script> var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.strokeStyle ...

先从简单的开始 fillRect(x,y,width,height) 在坐标x,y的位置加上一个宽，高 如： fillRect(0,0,500,500)//在坐标0，0处 ...