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
beginShape()/endShape()
Use
beginShape() and endShape() to create more complex shapes. To start a shape, call beginShape(), then call the vertex() command, then call endShape() to stop. By default, it creates an irregular polygon, but you can control that by sending a mode to beginShape().Transformations such as
translate(), rotate(), and scale() do not work within beginShape(). It is also not possible to use other shapes, such as ellipse() or rect() within beginShape().beginShape(MODE)
| Name | Description |
|---|---|
MODE | (Optional) Shape mode. Either POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, and QUAD_STRIP |
endShape(MODE)
| Name | Description |
|---|---|
MODE | (Optional) Specify CLOSE to close the shape. |
vertex(x, y)
| Name | Description |
|---|---|
x | x-coordinate of the vertex |
y | y-coordinate of the vertex |
Trying to use
vertex() to draw a shape? Check out these tools: