动态光照是three.js应用的主要性能瓶颈之一，尤其是模型材质比较复杂时，动态光照需要消耗更多的计算资源。 ...
在本教程的第一部分我们完成了模型的导入和材质的加载，接下来分别介绍一下灯光的调试；如何实现简单的碰撞检测；以及在移动设备上实现导航功能。 灯光的调试 ...
最近有一个项目需要搭建一个在线的3D全景VR画展，经过几天的摸索走通了整个流程，完成了一个简单的DEMO原型，我会将这几天的踩过的坑总结成一个教程系列分享给大家，希望你也会从中学到东西，少走一些弯路。 技术和工具选择 ...
前面我们介绍过基于css的视差滚动效果，这次行歌教大家如何用js在H5页面中实现更加酷炫的视差特效，先来看一下我们这次要实现的案例。 在这个效果中我们用到了2个技术，分别是平滑滚动和three.js的shader编程。 平滑滚动 ...
好久不发THREE.js的教程了，今天给大家带了一个小案例，介绍如何用柏林噪声在THREE.js中生成随机地形，先来看下效果。 随机数和噪声 噪声实际上就是随机数生成器，普通噪声生成的随机数毫无规律可言。 在上世纪80年代，柏林噪声的发明者Ken ...
近些年，我们经常会在一些网站上看到些炫酷的图片特效，这些效果大部分都是用WEBGL技术实现的， 借助shader我们可以实现css无法做到的炫酷视觉效果 。随着这门技术的兼容性越来越好，普及率越来越高，掌握它必将为你工作中的加分项。还在等什么？一起来学习下吧。 ...
可能每个人的童年都有个时空穿梭梦，印象深刻的是第一次看《机器猫》，主角康夫卧室的抽屉就是时空隧道的入口，跳进隧道的那一刻，时间浮光掠影般从身边流过，仿佛进入了异世界。 这次我们用three.js实现一个3d隧道穿梭效果，打开异世界的大门。 ...
在此系列教程的前两部分，我们了解了实现一个粒子系统需要具备的基础知识。这次我们会利用这些知识来实现一个简单的粒子系统，并把这个系统应用到自己的项目中去。 ...
本教程的第一部分介绍了公告牌粒子技术的基本概念，并基于THREE.Sprite实现了一个简单的粒子场景。这次我会再用一个简单的例子，让你对对粒子的速度，加速度等物理特性有进一步的认识，这将是实现第三部分粒子系统的基础。 ...
这是一篇系列教程，在这篇教程里我将带领你一步步地实现一个基于three.js的webgl粒子系统Particle System。 ...