lucky-canvas 介绍 一个基于 Js + Canvas 的【大转盘 & 九宫格 & 老虎机】抽奖

哈喽大家好啊，我是广州小井。好久没在掘金更文了，最近跑去学习 WebGL 了，然后打算把学习路径写成系列文章来分享给大家。

最近老米又整了个大活，上线了三月传说的剧情。 不得不说原神的美工这一块真的没话说。身为一个前端切图仔，马上被他的 web 特效吸引。刚好最近在学习 Three.js，想着能否通过复刻一个新活动练练手

从手势识别开始，到 canvaskit 实现地图引擎，再到 react/vue 组件封装，最后构建出可交互的地图应用。

背景 canvas是为了解决页面只能显示静态图片而出现的一种可以使用JavaScript绘制的HTML标签，它可以接受两个参数width和height（原来有三个，还有一个moz-opaque控制透明

canvas绘制模糊 在我们日常绘制canvas的时候都不可避免的遇到一个问题，那就是canvas绘制出来的东西可能会有模糊，发虚 为什么会模糊呢？那是因为没有考虑到DPR(Device Pixel

在一些 web 活动页中经常能看到特殊处理的标题文字，比如这样的 暂时忽略掉特殊字体，通过设计稿的图层样式可以发现，共有 3 个文字特效，分别是渐变、描边、投影 作为一个有追求的前端，当然不会直接用图

本期我们开始使用pixi.js轻量级h5游戏引擎去开发一个中秋夜空的场景级动画。里面有灿烂的星空，有迷人的圆月，有桂花的飘香，还有那一盏盏寄托我们美好愿望的孔明灯。。