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
mouseClicked()
If you define a function called
mouseClicked in your code, then that function will get called every time the user clicks the mouse.This function is useful for implementing things like clickable buttons. You can just check whether the
mouseX and mouseY are within certain coordinates when the mouse is released, and if so, consider it a "click."You might also be interested in
mouseReleased, mousePressed, or mouseMoved depending on what you're trying to implement.