javascript - 在 p5.js 中使用 random() 函数

标签 javascript random processing p5.js

我正在尝试创建一个代码,在屏幕上以随机颜色随机绘制笑脸,该笑脸应该循环,但我不知道如何最好地使用 random() 函数来完成此操作。谁能给我一些指点!我尝试过使用变量(绘图函数内的 var 来调用函数 smileyFace 但没有运气!

代码:

function setup() {
  createCanvas(400, 400);
  background(220);
  smileyFace(random(0, 400), random(0, 400));
}

function draw() {

}

function smileyFace(x, y) {
  fill(250);
  ellipse(x, y, 60, 60);
  fill(255);
  ellipse(x - 10, y - 10, 10, 10);
  ellipse(x + 10, y - 10, 10, 10);
  arc(x, y + 5, 30, 25, 0, PI, CHORD);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>

最佳答案

[...] multiple smiley faces drawn on one canvas random colours (r,g,b) and placed at random on screen.

只需将调用 smileyFace 移至 draw 函数并通过以下方式创建随机颜色

c = color(random(0, 255), random(0, 255), random(0, 255));

参见示例:

function setup() {
    createCanvas(400, 400);
    background(220);
}

function draw() {
    c = color(random(0, 255), random(0, 255), random(0, 255));
    smileyFace(random(0, 400), random(0, 400), c);
}

function smileyFace(x, y, c) {
    fill(c);
    ellipse(x, y, 60, 60);
    fill(255);
    ellipse(x - 10, y - 10, 10, 10);
    ellipse(x + 10, y - 10, 10, 10);
    arc(x, y + 5, 30, 25, 0, PI, CHORD);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>

关于javascript - 在 p5.js 中使用 random() 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58236354/

相关文章:

javascript - 使用键将数组的数组转换为对象

javascript - 编辑 JavaScript/HTML5 视频中的像素数据(处理为 JS 翻译)

c# - 在四个不同的间隔中随机加倍

java - 如何在处理项目中使用Gradle?

java - 将本地存储中的文件名依次追加到 saveJSONObject

javascript - EJS 中的 Angularjs Ui 路由器参数

javascript - 在 Javascript 字符串中调用 ID 和类

javascript - 刷新单个 DIV - e.preventDefault();

java - 随机句子生成器返回数字而不是句子

python - 我可以创建本地 numpy 随机种子吗?