圣诞节，元旦，看大家(情侣)在朋友圈里发各种庆祝的或者祝福的话语，甚是感动，然后悄悄拉黑了。作为单身狗，我们也有自己庆祝节日的方式，今天我们就来实现一些祝福的效果。

如果你有复杂的游戏角色或交互式对象，你可能希望该角色根据游戏环境中发生的情况，以不同的方式运行。每个单独的行为称为状态。如果你在精灵上定义状态，那么只要游戏中出现与该状态相对应的事件，就可以触发这…

如何基于canvas实现下图的样式 demo演示地址： [链接] canvas绘制步骤思路 绘制表盘的（时针）刻度 绘制表盘的（分针）刻度 绘制表盘数字刻度 绘制时针、分针、秒针 绘制中心点 绘制秒针的尾部（优化部分） 实现…

看完官方教程中提到的这本书 — Learn Pixi.js ，准备写写读后感了，官方教程中所说的内容，基本上就是书的前4章，所以我就从第5章开始写写吧。

html： {代码…} Js： {代码…}

以前在网上看到了别人这个效果，感觉很酷也很难，但当真的去了解怎么做的时候会发现其实没那么难。用到的就是canvas。

对于canvas的绘制，首先需要在html内指定一块画布，即<canvas></canvas>, 可以看做是在PS中新建一个空白文档，之后所有的操作都将呈现在这个文档之上，与PS的区别是，canvas本身没有图层的特性，当需…

本篇最终项目文件Github地址：github.com/yelloxing/vue.quick/tree/V5

canvas可以绘制动态效果，除了常用的规则动画之外，还可以采用粒子的概念来实现较复杂的动效，本文分别采用普通动效与粒子特效实现了一个简单的时钟。

HTML5 添加的最受欢迎的功能就是<canvas>元素，这个元素负责在页面中设定一个区域，然后就可以通过 javascript 动态的在这个区域中绘制图形