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
curve(x1, y1, x2, y2, x3, y3, x4, y4)
Draws a curved line on the screen. The first and second parameters specify the first anchor point and the last two parameters specify the second anchor. The middle parameters specify the points for defining the shape of the curve. Longer curves can be created by putting a series of
curve() functions together. An additional function called curveTightness() provides control for the visual quality of the curve. The curve() function is an implementation of Catmull-Rom splines.| Name | Description |
|---|---|
x1 | the x coordinate of first anchor point |
y1 | the y coordinate of first anchor point |
x2 | the x coordinate of first point |
y2 | the y coordinate of first point |
x3 | the x coordinate of second point |
y3 | the y coordinate of second point |
x4 | the x coordinate of second anchor point |
y4 | the y coordinate of second anchor point |