事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

每次都根据灵感图写代码，我都快成灵感大王了，本文较长，跨度较大，效果较好，请耐心看完，本文阶段代码有tag可以分部查看 前言 这是B站的一段视频，用3D渲染的方式表达各个大厂的logo如何制作出来的

本文使用threejs开发一款发电机拆解动画并通过交互展示零件详细信息数据交互的大屏开发，效果中规中矩，但是涵盖的知识点比较多，内容详细，也列举了众多开发中遇到的坑，内容比较长，手把手教大家写一个完整

通过本文你将学到的知识包括：Three.js 后期处理基本原理；Three.js 后期处理代码实现流程；Three.js 中内置的各种后期处理通道的含义及其用法；使用后期处理知识开发一个创意3D页面等

本文内容主要包括：使用Shader着色器绘制50个基础图案、应用着色器作为网格模型的材质纹理、学会后期渲染的基本流程，并使用辉光效果创建发光物体等、使用着色器构建塞尔达旷野之息神庙铁球模型效果等。

分享一个前段时间写的一个基于 Threejs 的个人作品 灵感主要来自 Bruno Simon 的个人网站 https://bruno-simon.com/ 。当然 我实现的就相对比较粗糙了 这个项目

之前断更后开始更新D3.js可视化，这回断更归来将更新更精彩的 Three.js Shader！敬请期待！

这两天正在重新实现maptalks.js的三维变换逻辑， 需要从底层重新实现一遍三维投影转换的算法。 好在三维投影算法已有很成熟的实现范式， 我选择了THREE.js作为参考对象， 这篇文章也是我对THREE.js中矩阵转换关系的总结。 三维投影算法就是将上诉因素抽象为数学算法…

今天，我们将要进行进一步的学习，我们要学习一些GLSL中常用的内置函数，为我们后面的学习打下坚实的基础。