Main content
Course: Unlisted resources area > Unit 2
Lesson 1: ProcessingJS documentation- rect(x, y, width, height, radius)
- ellipse(x, y, w, h)
- triangle(x1, y1, x2, y2, x3, y3)
- line(x1, y1, x2, y2)
- point(x, y)
- arc(x, y, w, h, start, stop)
- bezier(x1, y1, cx1, cy1, cx2, cy2, x2, y2)
- quad(x1, y1, x2, y2, x3, y3, x4, y4)
- image(image, x, y, width*, height*)
- ellipseMode(MODE)
- rectMode(MODE)
- imageMode(MODE)
- strokeCap(MODE)
- bezierPoint(a, b, c, d, t)
- bezierTangent(a, b, c, d, t)
- curve(x1, y1, x2, y2, x3, y3, x4, y4)
- curvePoint(a, b, c, d, t)
- curveTangent(a, b, c, d, t)
- curveTightness(tightness)
- beginShape()/endShape()
- curveVertex(x, y)
- bezierVertex(cx1, cy1, cx2, cy2, x, y)
- strokeJoin(MODE)
- background(r, g, b, a*)
- fill(r, g, b, a*)
- noFill()
- stroke(r, g, b, a*)
- strokeWeight(thickness)
- noStroke()
- color(r, g, b, a*)
- blendColor(c1, c2, MODE)
- lerpColor(c1, c2, amount)
- colorMode(MODE)
- red(color)
- green(color)
- blue(color)
- alpha(color)
- hue(color)
- saturation(color)
- brightness(color)
- text(message, x, y, width*, height*)
- textFont(font, size*)
- textSize(size)
- textWidth(str)
- textAscent()
- textDescent()
- textLeading(dist)
- textAlign(ALIGN, YALIGN)
- rotate(angle)
- translate(x, y)
- scale(amount)
- pushMatrix()/popMatrix()
- resetMatrix()
- printMatrix()
- width
- height
- playSound(sound)
- draw()
- Program.assertEqual()
- Program.restart()
- frameRate(fps)
- frameCount
- loop()
- noLoop()
- mouseX/mouseY
- pmouseX / pmouseY
- mouseButton
- mouseIsPressed
- mouseClicked()
- mousePressed()
- mouseReleased()
- mouseMoved()
- mouseDragged()
- mouseOver()
- mouseOut()
- key
- keyCode
- keyIsPressed
- keyPressed()
- keyReleased()
- keyTyped()
- 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)
- PVector.get()
- PVector.set(x, y)
- PVector.mag()
- PVector.add(vector)
- PVector.sub(x, y)
- PVector.mult(scalar)
- PVector.div(scalar)
- PVector.dist(vector2)
- PVector.dot(vector2)
- PVector.cross(vector2)
- PVector.normalize()
- PVector.limit(max)
- PVector.array()
- PVector.angleBetween(vector1, vector2)
- PVector.heading()
- PVector.rotate(angle)
- mag(x, y)
- exp(num)
- map(num, low1, high1, low2, high2)
- norm(num, low, high)
- lerp(num1, num2, amount)
- noise()
- noiseDetail(octaves, falloff)
- Random(seed)
- cos(deg)
- sin(deg)
- tan(deg)
- acos(val)
- asin(val)
- atan(val)
- atan2(y, x)
- radians(angle)
- degrees(angle)
- angleMode
- day()
- month()
- year()
- hour()
- minute()
- second()
- millis()
- debug(arg1, arg2, ...)
- println(data)
- print(data)
- Defining a function
- Arrays
- if statements
- for loops
- while loops
© 2024 Khan AcademyTerms of usePrivacy PolicyCookie Notice
draw()
If you define a function called
draw
in your code, then that function will get called repeatedly, about 60 times per second. This is typically used for creating animations, in combination with incrementing variables that affect the shapes drawn. To re-paint the entire canvas for each frame, use the background()
command. Otherwise, new shapes will be drawn on top of the previous canvas.Note: The default frame rate can be changed with the
frameRate()
function.