--- theme: channing-cyan --- # 模糊与区域清晰效果 ##### 背景—— 群里大佬发个有意思的视频 刚好有思路写了demo实现一下 ![181b7044f

什么是UV?坐标变换？有哪些常用的性能优化思路？ 什么是UV?坐标变换？有哪些常用的性能优化思路？ 什么是UV?坐标变换？有哪些常用的性能优化思路？

Three.js 学习记录shader黑客帝国数字雨简易版 看了不吃亏 收藏了不上当 拿点shader带回家

很高兴你能在浮躁的年代里还有兴趣阅读源代码，CesiumJS 至今已有十年以上，代码量也积累了三十多万行（未压缩状态）。 我也很荣幸自己的文章能被读者看到，如果对你有帮助、有启发，点个赞就是对我最大的

为什么要写这个系列呢? 市面上关于前端的三维渲染的入门教程层出不穷, 有偏重于数学计算原理的, 有偏向于渲染管线流程介绍的, 也有告诉你API怎么用如何快速上手的. 这系列文章期望从零开始去考虑3D渲染引擎的搭建, 从无到有一步一步去构建三维渲染必备的要素和流程, 让读者能够"…

在之前的文章 如何利用矩阵实现平移、缩放、旋转等 3D 变换 中，我们可以发现，文章中渲染的立方体看起来有点奇怪。我们在现实世界中看到的物体都是近大远小，但是我们没有做透视处理立方体远近都一样大导致看

https://zhuanlan.zhihu.com/p/154425898 优化方向 加载性能优化 模型压缩 gzip gltf draco 贴图压缩 分包流式加载 使用 CDN 使用 indexe

目标 承接上篇，这次主要以三角面为基本的图元组织顶点，并对其进行光栅化处理，然后对三角面的每个片元进行着色。 实践部分 图元装配 图元装配在我的理解里就是如何去组织数据里的这些顶点，比如我以两个顶点连

计算管线（ComputePipeline）是 WebGPU 中控制计算着色器（Compute Shader）阶段的管线。 计算管线适用于各种 GPU 通用计算场景，这是 WebGL 所不具备的。