带深度信息的下雨特效的实现
上一篇技术文章three.js 模拟真实海洋（超详细教程，炫酷海洋） - 掘金 (juejin.cn) 发布后，获得了许多小伙伴的收藏，如果还没有看的可以去看看，效果真的很好，实现的每一步真的很清楚。
也有小伙伴让我先把效果放到文章的最前面，所以这次先看效果。
Gitee源码
阅读之前简略了解一下原理。
1. 什么是深度？
深度，深度，深度就是三维世界中的坐标点，经过 MVP(modelMatrix viewMatrix projectionMatrix) 变化后，映射到相机空间的坐标中的 z 值范围 [0,1]，z越大，距离相机越远。
2. 在WEBGL获取渲染信息
WEBGL中渲染信息存在 FBO(FrameBufferObject) 中，可以创建获取，详细百度哈，这里不是重点。
3. 在 three.js 中获取渲染信息
THREE.WebGLRenderTarget() 做了很好的封装，可以帮我们给三维场景自由拍照，并且获取到信息。
了解完了？那么！开始吧！
1. 基础模板的创建就直接跳过了
2. 首先确定下雨特效所在的空间，这里用一个BOX描述这个......