qq_37987033的博客

Threejs提供了很多后期处理通道，配合可实现各种效果，本文列举Threejs包含的通道及效果。

threejs中的效果合成器可以在场景渲染完毕后再增加一些特效，如：让场景再某些情况下变得更加模糊或者更加鲜艳，增加滤镜或者闪烁效果，使用扫描线添加老旧电视屏幕上的效果等等。本文介绍 EffectComposer的基本使用，并使用这个通道为地球添加闪烁效果。

本文基于微信开发者工具，在微信小游戏环境中使用threejs

threejs创建一个每个面都不同色的立方体，基于 BoxGeometry 的 faces 属性，不需要使用 BufferGeometry 创建复杂的顶点颜色缓冲区。直接上代码，原理很简单不加赘述

之前在研究threejs时，尝试了通过线几何体、通过纹理贴图、通过着色器等几种方式实现飞线效果，现在将这几种方式使用 typescript， 采用面向对象的方式封装整理并记录下来，思路供大家参考。

threejs提供了很多摄像机控件，提供这些控件可以操作场景中的摄像机的移动、旋转等，实现交互动画效果，全部的控件在threejs发布的包中都已封装，本文记录常用相机控件的使用场景。

mapbox-gl是一个基于webgl开发的三维地图渲染引擎，但是很多三维特效只用mapbox并容易实现，比如带高度的飞线，本文结合之前对threebox的研究实现带高度的飞线。

最近在研究threejs和mapbox的结合，花了一天多的时间，结合threebox这个mapbox的三维库，给mapbox中创建自定义图层，添加自定义几何体，基于react-hooks实现，代码不多，但是threebox官网的例子给的很少，所以不少东西还是需要自己摸索下，特此记录下来。

threejs基于react-hooks创建的三维地图，实现了基本的交互展示，可根据个人喜好增加各种交互和展示效果。

threejs着色器简单效果使用记录。

threejs中提供了shaderMaterial和RawShaderMaterial两种材质，开发者可以自定义顶点着色器和片元着色器，这种做法相当于从头开始写shader，但是在某些场景中，我们希望在threejs自带的材质的基础上增加其它的显示效果，典型的如对导入的三维白膜加入特殊的可视化效果，或者保留某些特殊的特效，threejs Material类的onBeforeCompile方法为我们提供了添加shader的手段。

使用react hooks + threejs，采用RawShaderMaterial与着色器GLSL绘出图形，例子比较简单，附带着色器语言的基本用法讲解，记录的也比较详细，相信不熟悉着色器编程的小伙伴们也能看懂。

threejs粒子效果使用

threejs中的纹理贴图效果详述

Three.Geometry与Three.BufferGeometry创建自定义几何体的区别和方式

入坑threejs,本文基于react-hooks创建基本的threejs场景。

threejs-光源和阴影

threejs材质讲解：材质常用属性，材质种类，效果示例。

threejs-网格模型

threejs相机

theejs场景