烛阴

一、什么是参数属性？ 参数属性是一种简洁的语法，是TypeScript独特的语法糖，它允许你在构造函数的参数列表中，通过添加访问修饰符（public, private, p...

一、原生的取消方式 JavaScript 原生就提供了取消定时器的方法。setTimeout 和 setInterval 在调用时都会返回一个数字类型的 ID，我们可以将这...

一、什么是接口？ 用于描述一个对象的结构。 二、接口的丰富特性 1. 可选属性（Optional Properties） 有时，对象的某些属性不是必需的。我们可以使用 ? ...

Task Theory 函数介绍 clamp 将一个值限制在一个闭区间 [min, max] 内,如果小于minVal则返回minVal,如果大于maxVal则返回maxV...

一、什么是联合类型？ 联合类型使用竖线 | 作为分隔符，表示一个值可以是列出的类型中的任意一种。 二、使用类型守卫收窄类型(断言类型) 1. typeof 类型守卫 typ...

Task Theory 函数介绍 dot 函数用于计算两个向量的点积（数量积），返回一个标量值。 主要用途 计算夹角余弦值 计算投影长度 判断向量方向关系 dot(A, B...

Task Theory 函数介绍 normalize(): 向量归一化（Vector Normalization） 点积介绍 两个单位向量进行点积运算时，其结果等于它们之间...

Task Theory 函数介绍 sin(x): 正弦函数,*输入一个线性增长的值，输出一个在 [-1, 1] 区间内平滑振荡的值 任务拆解 1. 实现一个完整的圆周 在弧...

Task Theory 函数介绍 atan(y_over_x)：接受一个浮点数，即 y 坐标除以 x 坐标的比值 atan(y, x): 接受两个参数 任务解析 坐标中心化...

Task Theory 在片元着色器中，我们通常使用归一化坐标系 (Normalized Coordinates) ，也就是我们熟知的 uv 坐标。这个坐标系的 x 和 y...

Task Theory 函数介绍 1 length() - 测量向量的长度 对于一个二维向量 vec2 v = vec2(x, y)，其长度为 sqrt(x*x + y*y...

Task Theory 函数介绍 1. floor(x) - 数学函数 定义：它返回不大于x的最大整数。 举例： floor(3.9) -> 3.0 floor(3.1) ...

Task Requirements Theory ceil(x)：返回大于或等于 x 的最小整数。 ceil(3.14) 结果是 4.0 ceil(-3.14) 结果是 -...

## 引言 在上一篇文章中，我们已经对 Gulp 的核心概念与基础语法有了初步认识。接下来，让我...

## 一、 Gulp 是什么？ Gulp 是一个基于 Node.js 的自动化构建工具。 我们可以...

Task Requirements Theory 曼哈顿距离：菱形的数学本质 我们通过abs将所有象限的坐标折叠到第一象限，折叠后坐标的 x 和 y 分量相加： 这个 d ...

Task Requirements Theory 函数 该smoothstep函数有三个参数： edge0: 下限阈值 edge1 : 上限阈值 x : 插值因子 插值因子...

## Task > To fill the screen using bilinear inte...

## Task > Using the `mix` function create a line...

## Task > Using tiling, repeat the pattern as m...