p5.js | unhex()函数

在 p5.js 中，unhex() 函数用于将十六进制字符串转换为整数。本文将深入介绍该函数的用法和示例。

函数定义

unhex(str: string): number

函数接受一个字符串参数，该参数是需要转换为整数的十六进制字符串，返回值是转换后的整数。

示例

以下是 unhex() 函数的示例：

示例一：将十六进制字符串转换为整数

let hexStr = "1F";
let num = unhex(hexStr);
console.log(num); // 输出31

本例将字符串 "1F" 转换为整数 31，并将结果输出至控制台。

示例二：在 RGB 颜色模式下使用 unhex() 函数

p5.js 中可以使用 RGB 颜色模式，将颜色表示为三个数字的组合，分别表示红、绿、蓝三种颜色的亮度值。在使用 RGB 颜色模式时，我们可以使用 unhex() 函数将十六进制的颜色值转换为整数，再将其拆分为三个数字。

let hexColor = "FFA500";
let r = red(unhex(hexColor));
let g = green(unhex(hexColor));
let b = blue(unhex(hexColor));
console.log(`r: ${r}, g: ${g}, b: ${b}`); // 输出 r: 255, g: 165, b: 0

本例将十六进制颜色值 "FFA500" 转换为整数，并使用 red()、green()、blue() 函数将其拆分为三个亮度值。最后将结果输出至控制台。

总结

本文介绍了 p5.js 中的 unhex() 函数，该函数可将十六进制字符串转换为整数。我们提供了示例说明该函数的用法，希望能够帮助读者更深入理解该函数的基本用法和应用场景。