P5.js | fract()函数

简介

fract()函数是p5.js中的一个内置函数。它被设计用于计算一个数值的小数部分。

语法

fract(n)

参数

n：要计算小数部分的数字。

返回值

返回n的小数部分。如果n是整数，则返回0。

示例

以下是使用fract()函数的一些示例：

console.log(fract(3.14159)); // 0.14159
console.log(fract(5)); // 0
console.log(fract(-6.75)); // 0.25

实际应用

fract()函数在许多场景中都非常有用，例如：

• 动画设计
• 游戏开发
• 数学计算

下面是一个简单的示例，展示如何使用fract()函数为动画创建颜色渐变效果：

let c1 = color(255, 0, 0); // 红色
let c2 = color(0, 255, 0); // 绿色

function draw() {
  let t = millis() / 1000; // 获取时间（秒）
  let amt = fract(t); // 计算时间的小数部分
  let c = lerpColor(c1, c2, amt); // 计算颜色插值
  background(c); // 将背景设置为插值颜色
}

在上面的代码中，millis()函数返回了从启动p5.js到现在经过时间的毫秒数。我们将其除以1000来得到秒数。fract()函数用于获取该秒数的小数部分。最后，我们使用lerpColor()函数计算出两个颜色之间的插值，并将其设置为背景颜色。

结论

fract()函数是一个非常简单但非常有用的函数，它帮助我们计算一个数字的小数部分。它很容易使用，因此在许多领域中都有重要作用，从动画设计到数学计算。