Lesson 01 · 07 exercises

Hello Shader

先认识 ShaderMaterial、uniform、片元颜色与动画时间。按顺序临摹、改造、创造,每道题都能直接运行。

01 / ⭐

纯红三角形

深色背景中央出现纯红三角形。

打开可运行练习 →
02 / ⭐

用 uniform 传入绿色

调整 JS 中的颜色数字,三角形随之变色。

打开可运行练习 →
03 / ⭐⭐

红蓝之间平滑循环

三角形在红色与蓝色之间连续往返,没有突然跳色。

打开可运行练习 →
04 / ⭐⭐

RGB 三通道正弦循环

三角形持续换色,三个通道错峰变化。

打开可运行练习 →
05 / ⭐⭐⭐

鼠标控制红绿通道

指针向右移动变红,向上移动变绿;触摸也能操作。

打开可运行练习 →
06 / ⭐⭐⭐

顶点着色器旋转三角形

三角形绕中心持续旋转一整圈。

打开可运行练习 →
07 / ⭐⭐⭐⭐

颜色与缩放同步呼吸

三角形放大时更亮,缩小时更暗,两种变化同步。

打开可运行练习 →