javascript - P5.js - 填充颜色为 'n %'

标签 javascript colors processing.js p5.js

查看 p5.js 示例,我想知道此示例中的“n %”填充有何作用:

/**
* Based on a paper here:
* http://algorithmicbotany.org/papers/abop/abop-ch4.pdf
*/

var n = 0;
var c = 10;

function setup() {
 createCanvas(windowWidth, windowHeight);
 angleMode(DEGREES);
 colorMode(HSB);
 background(0);
}

function draw() {
var a = n * 137.5; //var a = n * 137.5;
var r = c * sqrt(n);

var x = r * cos(a) + width / 2;
var y = r * sin(a) + height /2;

fill(n % 256, 255, 255);
noStroke();
ellipse(x, y, 8, 8);

 n++;
}

我很好奇彩虹效果是如何实现的。

最佳答案

令我惊讶的是 Google 搜索没有返回任何结果。

这是modulo operator ,它基本上给出了一个数字除以另一个数字后剩下的余数。

尝试编写一个示例程序来准确测试运算符(operator)的功能。

关于javascript - P5.js - 填充颜色为 'n %',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42659801/

相关文章:

php - 如何在提交表单后关闭浏览器选项卡?

c++ - 为灰度图像着色

python - 如何导入颜色?

c# - 代表返回正确的颜色,但仍然错误

processing.js - 在processing.js 中的 Canvas 上创建 href 链接

javascript - 为什么 Processing.js 会给我一个关于我的代码中没有的函数的错误?

javascript - 在 3D 场景中使用processing.js 选择对象

javascript - 在选择或输入时获取 jquery 自动完成建议列表

php - 通过 IP 显示国家标志

javascript - 如何更改样式属性中的变量