17 年结尾的时候微信发布新版重点推出了「小游戏」概念，H5 的游戏再次火了起来，新版微信开屏的游戏就是「跳一跳」游戏可玩度很高，网上也出现了各种语言版本的外挂，前几天看到一篇用 nodejs 搭建的外挂，需要手动点击截屏图片来判断当前和下一步的位置然后跳转，于是就起了用 Ca…

要问2018最让人兴奋的CSS技术是什么，CSS Houdini当之无愧，甚至可以去掉2018这个限定。其实这个技术在2016年就出来了，但是在今年3月发布的Chrome 65才正式支持。 这3个例子都是用了Houdini里面的CSS Paint API。 第1个例子如果使用传…

你可能不知道的 Canvas 魔法

canvas入门 本文首发于我的个人博客：http://cherryblog.site/ github项目地址：https://github.com/sunshine940326/canvasStar 项目演示地址：https://sunshine940326.github.io…

如上图所见，本文就是要实现上面那种效果。由于最近AlloyTouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。首先要封装一下大波浪图片进度组件。基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。 本文的代码你可以在这里https://gith…

实现主要是基于threejs做的，接下来我会分别讲解各部分的实现，不过不会介绍基础。基础内容可以去官网找到~ scene的background可以接收Color、Texture或CubeTexture。在本示例中，我们使用Texture就可以达到渐变效果。Texture可以接收…

对图像数据接口、图像几何变换、图像傅里叶变换，有着深入的探讨

HTML5 canvas 80 行代码实现的高并发弹幕功能，通过拉伸自动适配所有尺寸，已在 pc，手机，电视浏览器通过测试，通过 jquery 插件方式导入