前端可视化

3D 渲染是前端比较有深度的领域。本文将从 demo 切入，阐述 WebGL 到 Threejs 的演进过程。

Threejs 给我们封装的阴影虽然简单易用，但太过上层，不够灵活。当我们需要在自定义材质中使用阴影时，Threejs 并不会给我们提供阴影信息。为了解决这类特殊场景，我们就来自己实现一套阴影吧～

骨骼动画作为一种常见的模型动画，在公司的很多 3d 场景都有涉及。本文会介绍用建模软件制作骨骼动画到 web 渲染整个流程，以及骨骼动画的原理

3D世界中的阴影有很多种实现方式，其中 ShadowMap 是比较常用的方案。 本文将介绍用 ShadowMap 生成阴影的原理、相关着色器代码以及阴影质量的逐步优化。 一. 阴影是如何产生的 在自然界中，一个不自发光的物体要被看见，是需要光源照射的。由于光是沿直线传播的，当光…