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

两年前看到 Pepyaka 这个网页效果，被其丝滑酷炫漂亮到效果所惊艳，今天终于可以带大家用 Three.js Shader 一步步详复现这个效果，其实并不复杂，相信很多前端、程序员都会喜欢这样的效果

在3D计算机图形中，4x4矩阵最常见的用途是作为变换矩阵，这在各种 UI 框架中都非常常见。文本介绍 Flutter 中 Matrix4 矩阵变换的基础知识及其简单应用。不理解的读者可以参考线性代数相

本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别，两种着色器材质用法等

在做数字孪生相关项目的时候会出现需要划分经费建模制作主场景的情况，但有些项目由于体量太小不会花很大的价钱做建模。这篇文件着重讲述如何以最小成本获取场景的数据，以及处理为展示所需的数据格式。

融合高德地图与Three.js技术，完成了巡航demo的初步实现，通过调用高德地图的API和threejs的开发，实现了一个小鸭子（可替换为自己的模型）沿着规划路线行走，并使镜头跟随小鸭子前进的功能。

3D区块地图没点效果都不敢拿出去炫耀了！点击来就学如何用Three.js给3D区块地图搞个泛光轮廓和渐变围栏~

常用的3D区块地图除了那个区块，还要满足波纹散点、渐变柱体、飞线、下钻上卷、视角适配等，点开我，这就安排！用Three.js给你搞一个！

有个需求需要实现剪切蒙版的效果，然后导出封面图，通过修改html2canvas源码使其支持mask-image属性