继续给大家介绍下 Shader 是什么、能做什么、在哪里有用到，并且为后续古柳开始写 Three.js Shader 做个引子！

本文作为第一阶段片元着色器的最后一篇，将先带大家用前篇文章里讲到的组合方式实现棋盘格效果，会延展到abs取绝对值的操作；另外涉及aastep抗锯齿以及smoothstep平滑插值等等内容。

好久没写可视化方面的帖子了，最近在网上找灵感，发现一张图个人感觉不错，正好现有技术也可以实现个八九不离十，使用到的技术vite + typescript + threejs

版本介绍 threejs版本 vue版本 node版本 "version": "14.18.2" 正文 思路主要是： 建立圆柱模型，记得把上下两个面去除 建立立标模型 模型放在public文件下的mo

本文针对运用*原生three.js*和*react-three/fiber*加载三维模型提供了多种优化性能的方案

说明 代码地址与效果 可以将APP.vue中的注释放开，来查看效果。文件名与本篇目录小节是一一对应的。 1.创建场景 前面的章节中我们有创建场景，想必你已经了解了Three.js库的基础知识。我们可以

假设现在你已经学会了所有的Three.js基本使用方法，已经能够创建简单场景，在场景中添加动画，灯光，阴影等，但是我们想在工程项目中集成Three.js，我推荐react-three/fiber

本文介绍了GPU渲染的基本流程以及three.js中着色器材质的使用方法，最后通过着色器实现了一个水波纹效果。