炫酷！用Perlin Noise生成随机地形
2020-09-09
阅读 2 分钟
6.5k好久不发THREE.js的教程了，今天给大家带了一个小案例，介绍如何用柏林噪声在THREE.js中生成随机地形，先来看下效果。随机数和噪声噪声实际上就是随机数生成器，普通噪声生成的随机数毫无规律可言。在上世纪80年代，柏林噪声的发明者Ken Perlin尝试用普通噪声模拟随机效果，用于正在制作的经典迪士尼电影电子世界争霸战(...
公众号SVG序列帧动画
2020-07-24
阅读 3 分钟
6k最近在水果公众号上看到一段菊花绽放的动画，丝般润滑的感受，吹弹可破的花瓣，让我忍不住看了下究竟，将所得整理了下，作为小技巧分享给大家。 具体看下图，视频转换成GIF质量下降，有兴趣可以去水果公号看。 水果绽放动画 瞄了下源代码，居然是用SVG动画拼成的序列帧。序列帧是什么？水果前端为什么好好的GIF图不用，...
Three.js无限3D时空穿梭特效
2020-07-15
阅读 3 分钟
4.3k可能每个人的童年都有个时空穿梭梦，印象深刻的是第一次看《机器猫》，主角康夫卧室的抽屉就是时空隧道的入口，跳进隧道的那一刻，时间浮光掠影般从身边流过，仿佛进入了异世界。
基于WEBGL的文字飞溅特效
2020-07-05
阅读 3 分钟
3.4k灵感来源于LeoSans中的一个示例，LeoSans是一个开源的文字动画库， 作者是Google的创意开发者，有兴趣可以在github上搜下。
玩转AR图形识别小程序
2020-06-04
阅读 3 分钟
3.1k这些年深度学习炙手可热，人脸识别，图像分类，目标检测等技术已经应用到我们生活的方方面面。作为一个时刻保持好奇心的程序猿想入门深度学习，但又苦于门槛较高，难以获得理想的学习成果。好在一些大厂已经推出了深度学习云平台，让我们前端小白也能体验深度学习的乐趣。
公众号SVG动画交互实战
2020-05-30
阅读 5 分钟
6.3k越来越多的公众号在图文消息中加入了SVG动画交互效果，SVG支持事件触发动画，相对于单独做一个H5而言，由于公众号消息依托于微信服务器，为广告主节约了服务器流量成本。这次我们以苹果公众号的一篇交互消息为例，剖析下里面的效果是怎样实现的。