brown bear eyes

mouse movement mania

tasty tomato

shooting star

parting clouds

exploding sun

funky frog

bucktooth bunny

friday post. today i learned how to code. i went to https://www.khanacademy.org/
i did simple snowman, waving snowman, sunny snowy day and whats for dinner.
the khan academy coding shortcuts are,

• rect(x, y, w, h)
• 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*)

See also: ellipseMode, rectMode, imageMode, strokeCap, bezierPoint, bezierTangent, curve, curvePoint, curveTangent,curveTightness

Complex Shapes

• beginShape() / endShape() / vertex()
• curveVertex()
• bezierVertex()

See also: strokeJoin, curveTightness

Colors

• background(r, g, b)Set the background color
• fill(r, g, b)Set the fill color for shapes
• noFill()Turn off fill for shapes
• stroke(r, g, b)Set the outline color for shapes
• strokeWeight(thickness)Change the thickness of lines and outlines
• noStroke()Turn off outlines for shapes
• color(r, g, b)Store a color in a variable
• blendColor(c1, c2, MODE)Blend two colors together
• lerpColor(c1, c2, amount)Find color between 2 colors

See also: colorMode, red, green, blue, alpha, hue, saturation, brightness

Text

• text(text, x, y)Draw some text
• textFont(font, size*)Changes the font of text
• textSize(size)Change the size of text

See also: textWidth, textAscent, textDescent, textLeading, textAlign

Transform

• rotate(angle)Rotate shapes by an angle
• scale(amount)Scale shapes in both dimensions
• translate(x, y)Translate shapes by an offset

See also: pushMatrix/popMatrix, resetMatrix, printMatrix

Environment

• width / heightThe size of the canvas
• draw = function() { }Called repeatedly during program execution
• playSound(sound)Plays one of the allowed sounds

See also: Program.assertEqual, Program.restart, frameRate(fps), frameCount, loop, noLoop

Mouse

• mouseX, mouseYCurrent coordinates of the mouse
• pmouseX, pmouseYPast coordinates of the mouse
• mouseButtonWhich button is pressed
• mouseIsPressedWhether mouse is being pressed
• mouseClicked = function() { }Called when mouse is clicked
• mousePressed = function() { }Called when mouse is pressed
• mouseReleased = function() { }Called when mouse is released
• mouseMoved = function() { }Called when mouse is moved
• mouseDragged = function() { }Called when mouse is dragged
• mouseOver = function() { }Called when mouse moves over canvas
• mouseOut = function() { }Called when mouse moves out of canvas

Keyboard

• keyNumber representing which key is pressed
• keyCodeRepresents when a special key is pressed
• keyIsPressedTrue if a key is being pressed, false otherwise
• keyPressed = function() { }Called when a key is pressed
• keyReleased = function() { }Called when a key is released
• keyTyped = function() { }Called when a key is typed

Math

• random(low, high)Generate a random number
• dist(x1, y1, x2, y2)Calculates the distance between two points
• constrain(value, min, max)Constrain value between min and max
• min(num1, num2)Return the minimum of two numbers
• max(num1, num2)Return the maximum of two numbers
• abs(num)Take the absolute value of a number
• log(num)Take the logarithm of a number
• pow(num, exponent)Raise a number to an exponent
• sq(num)Square a number
• sqrt(num)Take the square root of a number
• round(num)Return nearest integer
• ceil(num)Return nearest integer of greater/equal value
• floor(num)Return nearest integer of lesser/equal value
• PVector(x, y)An object that describes a 2-dimensional vector

See also: mag, exp, map, norm, lerp, noise, noiseDetail, Random.nextGaussian

Trigonometry

• cos(degrees)Take the cosine of an angle
• sin(degrees)(Opens in a new window)Take the sine of an angle
• tan(degrees)Take the tangent of an angle
•  i