年会开发日记03 - WebSocket长连接获取微信签到用户信息

接着 年会开发日记 01 的签到墙,
里边用到了 WebSocket 来实现用户微信扫码签到,然后后端推送签到用户信息到前端,
前端收到数据之后创建元素添加到 3D 墙中。

本来是想直接自己写的,但是有后来又加入了礼品活跃气氛,就要用到用户列表的展示和抽取过程中的随机效果,虽然哪些人获奖是后台返回给我的。
所以这些用户信息需要在多组件内共用,那我就懒得自己写了,就去找了 Vue 的组件库了。

阅读全文

年会开发日记02 - 红包雨

鸽了6个月了,终于想起来这篇还没有写完…

年会预备了一个红包雨的活动,虽然到最后也没有用上,但是笔记还是要写的。
整个流程是关注公众号,然后回复 抢红包 返回一个授权地址获取用户授权信息,然后跳转到活动h5页面,抢红包的同时会在大荧幕上实时展示排名数据。

阅读全文

年会开发日记01 - 3D签到墙

年会签到做到最后特效实现的部分,使用 Js 来不断绘制 Canvas 会出现擦除背景图的情况,而且并不流畅,
所以又考虑了下 CSS3 的动画属性,可是 Javascript 并不能控制 CSS3 动画。

昨天折腾到晚上 10 点还没怎么好的思路,今天看到一个开源 WebGL Js 库 👉 ThreeJs.org

阅读全文

Canvas识别图片内容并使用用户头像拼接

今天 12 月了,本来应该开始做外包的项目,但是好歹不好的长智齿了,
下午去拔了牙之后看着电脑发呆了一个下午,看来真的麻药影响 🧠 脑子。
所以,先写篇文章醒醒脑….

前天初步实现了下使用 canvas 来识别图片内容,今天就把它记录下来。
毕竟 canvas 这部分的内容是真的不懂,现学现卖,欢迎吐槽。📧 MailTo

阅读全文