好久不发THREE.js的教程了，今天给大家带了一个小案例，介绍如何用柏林噪声在THREE.js中生成随机地形，先来看下效果。随机数和噪声噪声实际上就是随机数生成器，普通噪声生成的随机数毫无规律可言。在上世纪80年代，柏林噪声的发明者Ken Perlin尝试用普通噪声模拟随机效果，用于正在制作的经典迪士尼电影电子世界争霸战(...

最近在水果公众号上看到一段菊花绽放的动画，丝般润滑的感受，吹弹可破的花瓣，让我忍不住看了下究竟，将所得整理了下，作为小技巧分享给大家。 具体看下图，视频转换成GIF质量下降，有兴趣可以去水果公号看。 水果绽放动画 瞄了下源代码，居然是用SVG动画拼成的序列帧。序列帧是什么？水果前端为什么好好的GIF图不用，...

可能每个人的童年都有个时空穿梭梦，印象深刻的是第一次看《机器猫》，主角康夫卧室的抽屉就是时空隧道的入口，跳进隧道的那一刻，时间浮光掠影般从身边流过，仿佛进入了异世界。

提到海南，人们首先想到的是三亚，那里有开阔干净的沙滩，清澈的海水，傍晚清凉的海风。而满怀期待来到这里的游客往往会大失所望，等待他们的是拥挤脏乱的海滩，傍晚被喧嚣的秧歌队和广场舞占领的休闲区，在家门口就能吃到的所谓美食，而价格却高了数倍。

灵感来源于LeoSans中的一个示例，LeoSans是一个开源的文字动画库， 作者是Google的创意开发者，有兴趣可以在github上搜下。

这些年深度学习炙手可热，人脸识别，图像分类，目标检测等技术已经应用到我们生活的方方面面。作为一个时刻保持好奇心的程序猿想入门深度学习，但又苦于门槛较高，难以获得理想的学习成果。好在一些大厂已经推出了深度学习云平台，让我们前端小白也能体验深度学习的乐趣。

在此系列教程的前两部分，我们了解了实现一个粒子系统需要具备的基础知识。这次我们会利用这些知识来实现一个简单的粒子系统，并把这个系统应用到自己的项目中去。

越来越多的公众号在图文消息中加入了SVG动画交互效果，SVG支持事件触发动画，相对于单独做一个H5而言，由于公众号消息依托于微信服务器，为广告主节约了服务器流量成本。这次我们以苹果公众号的一篇交互消息为例，剖析下里面的效果是怎样实现的。