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
blendColor(c1, c2, MODE)
Blends two color values together based on the blending mode given as the
MODE parameter.| Name | Description |
|---|---|
c1 | The first color to blend |
c2 | The second color to blend |
MODE | Either BLEND, ADD, SUBTRACT, DARKEST, LIGHTEST, DIFFERENCE, EXCLUSION, MULTIPLY, SCREEN, OVERLAY, HARD_LIGHT, SOFT_LIGHT, DODGE, or BURN. |
How the modes work:
| Name | Description |
|---|---|
BLEND | Linear interpolation of colors: |
ADD | Additive blending with white clip: |
SUBTRACT | Subtractive blending with black clip: |
DARKEST | Only the darkest color succeeds: |
LIGHTEST | Only the lightest color succeeds: |
DIFFERENCE | Subtract colors from underlying image. |
EXCLUSION | Similar to DIFFERENCE, but less extreme. |
MULTIPLY | Multiply the colors, result will always be darker. |
SCREEN | Opposite multiply, uses inverse values of the colors. |
OVERLAY | A mix of MULTIPLY and SCREEN. Multiplies dark values, and screens light values. |
HARD_LIGHT | SCREEN when greater than 50% gray, MULTIPLY when lower. |
SOFT_LIGHT | Mix of DARKEST and LIGHTEST. Works like OVERLAY, but not as harsh. |
DODGE | Lightens light tones and increases contrast, ignores darks. Called "Color Dodge" in Illustrator and Photoshop. |
BURN | Darker areas are applied, increasing contrast, ignores lights. Called "Color Burn" in Illustrator and Photoshop. |
Want to join the conversation?
I don't get the article?(1 vote)