将高亮的方块盒子的执行顺序定义好，利用定时器将速度调节为由快到慢，等速度降到某个区间就判断高亮的下标是否匹配最终的奖品下标，匹配则开奖，不匹配则继续降速。 每到特殊的节日或者搞活动的时候就需要开发配合运营，搞一些抽奖的活动，比较常用的抽奖方式有：大转盘，九宫格，老虎机等。这次我…

首先回顾一下上期文章 从表情包来学canvas, 初步认识了canvas的基本用法，并且通过案例来实现了常见的2D图形类的写法。 本期进步深入canvas，认识canvas的绘图库，并且制作一款简易的lol走位小游戏(点击试玩)。如果你觉得碰撞单位有点丑，其实我是故意的，学会他…

大家好，这里是 CSS 魔法使——alphardex。 本文我们将用three.js来实现一种很酷的光学效果——露珠滴落。我们知道，在露珠从一个物体表面滴落的时候，会产生一种粘着的效果。2D平面中，这种粘着效果其实用css滤镜就可以轻松实现。但是到了3D世界，就没那么简单了，这…

Hello, 很高兴你看见阿隆的第一篇文章。做前端有一段时间了，最近打算整理一下所学的可视化知识，感兴趣的朋友可以看一下。 本期将介绍canvas的用法,通过canvas来实现一个表情。以下就是早上摸鱼撸出来的表情了，让我们开始吧。 canvas是HTML5新增的一个标签元素，…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

自从前几个月下了抖音，无聊闲暇时就打会打开抖音，因为打开它有种莫名其妙打开了全世界的感觉... 于是仿写了一个课堂点名小项目，算是对Electron的一个简单的认识，有时间再深入。 无网络环境使用：大学大部分科室可能无网络，本项目所有资源使用本地资源，数据文件存放在本地。 Ex…

但是我这么写没有一点灵活性，希望大佬能够多多指教。

Magpie，“喜鹊”，取其“报喜”之意，本系统是一款用于活动、公司年会的抽奖软件。Magpie目前采用纯前端编写而成，主要技术架构是ReactJs+Redux，部分UI的实现使用了React调用Jquery的方案。

需求总是很紧急，昨天正在开会收到人力需求，有时间做个抽奖吗?（now 下午四点12，年会五点开始。）还没能等我拒绝，人事又补了一句做不出来我们就不抽奖了，我擦瞬间感觉要是搞不出来会被兄弟们捅死的节奏，默默的删除了没时间做的消息，重新写了四个字名单给我。 还好去年前年都是我搞得很…