xiaoshenren

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法...

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

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

本篇文章古柳将讲解对 plane 平面偏移顶点时一些需要注意的地方；重新详细讲解下 smoothstep 平滑函数，以及用 smoothstep 来实现在一定区域范围内才生...

本文将讲解粒子动画等内容，实现粒子在自身位置上下移动、在随机的无序状态和特定形状的有序状态之间变化、以及不同形状之间切换过渡等效果，这些都是很多实际 shader 网页里很...

通过将黑白线稿图片绘制到canvas画布上，以获取像素颜色值过滤出黑色部分坐标位置，并用于设置Three.js Shader粒子系统，再结合RGB数值不断减小做出颜色深浅变...

本篇文章古柳教大家如何在顶点着色器里用 sin、random、noise 等函数对顶点坐标进行偏移从而改变几何体形状，我们将学到如何用几行代码就实现出酷炫的shader动画...

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

本篇文章教大家通过 GLSL 内置函数 mix 对颜色进行插值，并重温前两篇文章所学的颜色渐变与突变、重复条纹、圆圈等效果，在此基础上实现彩色插值等效果。...

本文将继续结合 GLSL 的内置函数和简单的 sin 正弦函数，教大家利用 uv 做出更多酷炫的效果。...

本文古柳将介绍如何利用顶点上的 UV 纹理坐标并结合 GLSL 里几个常用的内置函数来实现一些简单的效果，带大家初步体验 Shader 编程的神奇之处。...

2017年浙大120周年校庆时古柳用美国帝国大厦亮灯图片做了个“ZJU 120”文字效果，本文用p5.js借助二维数组复现下该效果，且分别实现2D和3D的版本。...

正式开启 Three.js Shader 教程，在本篇文章里带大家看看几何体上的顶点属性，介绍下 GLSL 基础、顶点着色器、片元着色器等内容。...

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

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

分享一个前段时间写的一个基于 Threejs 的个人作品 灵感主要来自 Bruno Simon 的个人网站 https://bruno-simon.com/ 。当然 我实现...

由于开发3D可视化项目经常用到模型，而一个模型通常是几m甚至是几十m的大小对于一般的服务器来讲加载速度真的十分的慢，为了解决这个加载速度的问题，我想到了几个本地存储的。...