ProcessingJS
ProcessingJS
图形
另请参见:ellipseMode
, rectMode
, imageMode
, strokeCap
, bezierPoint
, bezierTangent
, curve
, curvePoint
, curveTangent
, curveTightness
颜色
-
background(r, g, b)
设置背景色 -
fill(r, g, b)
设置形状的填充颜色 -
noFill()
关闭形状的填充 -
stroke(r, g, b)
设置形状的边框颜色 -
strokeWeight(thickness)
更改线条和轮廓的粗细 -
noStroke()
关闭轮廓的形状 -
color(r, g, b)
存储颜色在变量中 -
blendColor(c1, c2, MODE)
两种颜色混合在一起 -
lerpColor(c1, c2, amount)
求 2 种颜色之间的颜色
另请参见:colorMode
, red
, green
, blue
, alpha
, hue
, saturation
, brightness
文本
-
text(text, x, y)
绘制一些文字 -
textFont(font, size*)
更改文本的字体 -
textSize(size)
更改文本的大小
另请参见:textWidth
, textAscent
, textDescent
, textLeading
, textAlign
变换
-
rotate(angle)
绕中心旋转图形 -
scale(amount)
在二维平面中放大图形 -
translate(x, y)
平移图形
环境
-
draw = function() { }
在程序执行期间反复调用 -
playSound(sound)
播放一个允许的声音
另请参见:Program.assertEqual
, Program.restart
, frameRate(fps)
, frameCount
, loop
, noLoop
鼠标
-
mouseX, mouseY
鼠标的当前坐标 -
pmouseX, pmouseY
过去的鼠标坐标 -
mouseButton
按下哪个按钮 -
mouseIsPressed
鼠标是否被按下 -
mouseClicked = function() { }
在单击鼠标时调用 -
mousePressed = function() { }
当按下鼠标时调用 -
mouseReleased = function() { }
当释放鼠标时调用 -
mouseMoved = function() { }
当鼠标移动时调用 -
mouseOver = function() { }
当鼠标在移过画布时调用 -
mouseOut = function() { }
当鼠标移出画布时调用
键盘
-
key
表示被按下的键的数字 -
keyCode
表示一个特殊键被按下 -
keyIsPressed
如果键被按下, 返回真, 否则假 -
keyPressed = function() { }
当按下某个键时调用 -
keyReleased = function() { }
当释放某个键时调用 -
keyTyped = function() { }
当键入键时调用
数学
-
random(low, high)
生成一个随机数 -
dist(x1, y1, x2, y2)
计算两个点之间的距离 -
constrain(value, min, max)
限定最小值和最大值 -
min(num1, num2)
返回两个数字的最小值 -
max(num1, num2)
返回两个数字的最大值 -
abs(num)
返回数字的绝对值 -
log(num)
返回一个数的对数 -
pow(num, exponent)
把一个数变成指数 -
sq(num)
求一个数的平方 -
sqrt(num)
取一个数的平方根 -
round(num)
返回最近的整数 -
ceil(num)
返回最近更大/相等值的整数 -
floor(num)
返回最近的更小/相等值的整数 -
PVector(x, y)
一个描述 2 维向量对象
另请参见:mag
, exp
, map
, norm
, lerp
, noise
, noiseDetail
, Random.nextGaussian
三角函数
-
cos(degrees)
取余弦值 -
sin(degrees)
取正弦值 -
tan(degrees)
取正切值
调试
-
debug(arg1, arg2, ...)
打印到您的浏览器开发人员控制台 -
println(data)
列印新一行文本到画布控制台 -
print(data)
打印到画布控制台
JavaScript
-
var drawWinston = function() { }
定义一个新的函数 -
var array = [0, 1, 2, 3, 4]
制作 5 个数字的矩阵 -
if (x < 20) { }
仅当某一特定条件为真时运行代码 -
for (var i = 0; i < 8; i++) { }
重复运行代码固定的次数 -
while (x < 250) { }
仅当某一特定条件为真时,持续运行代码
我们的文档并不包含更多使用 JavaScript 的方式。了解更多: