P5.js开发之——通过createColorPicker向页面中添加颜色拾取器

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • createColorPicker语法介绍
  • 示例—创建颜色拾取器

二 createColorPicker语法介绍

2.1 语法

1
createColorPicker([value])

2.2 说明

  • 创建一个颜色拾取器
  • 可以级联使用p5.Element的语法

2.3 参数及返回值

参数

value：元素的默认颜色

返回值

p5.Element

三 示例

3.1 代码

1
2
3
4
5
6
7
8
9
10
11
12
13
let colorPicker;

function setup() {

  createCanvas(100, 100);
  colorPicker = createColorPicker("#ed225d");
  colorPicker.position(0, height + 5);

}

function draw() {
  background(colorPicker.color());
}

3.2 效果图

四 参考

  • P5.js官方文档—createColorPicker