shader
6篇文章 · 0订阅
  • 原神，启动！three.js 复刻原神登录界面技术浅析
    之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。
    three.js
    原神，启动！three.js 复刻原神登录界面技术浅析
  • Three.js 进阶之旅：Shader着色器基础图案-旷野之息神庙铁球 🔮
    本文内容主要包括：使用Shader着色器绘制50个基础图案、应用着色器作为网格模型的材质纹理、学会后期渲染的基本流程，并使用辉光效果创建发光物体等、使用着色器构建塞尔达旷野之息神庙铁球模型效果等。
    three.js JavaScript 计算机图形学
    Three.js 进阶之旅：Shader着色器基础图案-旷野之息神庙铁球 🔮
  • 断更19个月，携 Three.js Shader 归来！（下）
    继续给大家介绍下 Shader 是什么、能做什么、在哪里有用到，并且为后续古柳开始写 Three.js Shader 做个引子！
    前端 three.js JavaScript
    断更19个月，携 Three.js Shader 归来！（下）
  • Shader从入门到放弃 —— Shader编程简介及坐标系绘制
    片元着色器就是决定了屏幕上每个像素颜色的一段程序。你可以简单的理解为你在为屏幕上的每一个像素点编程，每个像素点就是一个执行单元，它会完整的执行你编写的这段程序。
    WebGL 计算机图形学 掘金·金石计划
    Shader从入门到放弃 —— Shader编程简介及坐标系绘制
  • Three.js 进阶之旅：Shader着色器入门
    本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别，两种着色器材质用法等
    three.js JavaScript 计算机图形学
    Three.js 进阶之旅：Shader着色器入门
  • Shader 函数可视化
    在两个值之间取埃尔米特插值（Hermite interpolation）link，它的值永远是 0~1。 描述：在edge0和edge1之间取一个平缓的差值，在我们需要一个平滑的渐变的时候特别有用。当前值小于edge0，取值为0。当前值大于edge1，取值1。在这个区间内，取e…
    WebGL