Structure

• def setup
• def draw

---

• loop
• noLoop
• isLooping
• redraw
• push
• pop
• remove

Environment

• width
• height
• windowWidth
• windowHeight
• displayWidth
• displayHeight
• frameCount

---

• frameRate
• millis
• displayDensity
• pixelDensity
• fullscreen
• cursor
• noCursor

Color

• background
• clear
• fill
• noFill
• stroke
• noStroke
• erase
• noErase

---

• color
• red
• green
• blue
• alpha
• hue
• saturation
• brightness
• lightness
• lerpColor
• colorMode

---

[p5.Colorオブジェクト]
• toString
• setRed
• setGreen
• setBlue
• setAlpha

Rendering

• drawingContext

---

• createCanvas
• createGraphics
• resizeCanvas
• noCanvas
• saveCanvas
• blendMode

---

[p5.Graphicsオブジェクト]
• reset
• remove

Image

• pixels

---

• createImage
• loadImage
• image
• imageMode
• tint
• noTint

---

• loadPixels
• updatePixels
• get
• set
• filter
• copy
• blend

---

[p5.Imageオブジェクト]
• width
• height
• pixels

---

• loadPixels
• updatePixels
• get
• set
• filter
• copy
• blend
• mask
• resize
• save

---

• clone
• colorKey

Shape

• point
• line
• rect
• quad
• square
• ellipse
• arc
• circle
• triangle

---

• strokeWeight
• strokeCap
• strokeJoin
• rectMode
• ellipseMode
• smooth
• noSmooth

---

• curve
• bezier
• shape
• beginShape
• endShape
• vertex
• curveVertex
• bezierVertex
• quadraticVertex
• contour
• beginContour
• endContour

---

• plane
• box
• sphere
• cylinder
• cone
• ellipsoid
• torus

3D effect

• orbitControl

---

• ambientLight
• directionalLight
• spotLight
• pointLight
• lightFalloff
• lights
• noLights

---

• texture
• textureMode
• textureWrap
• normalMaterial
• ambientMaterial
• emissiveMaterial
• specularMaterial
• specularColor
• shininess

---

• createCamera
• setCamera
• camera
• perspective
• frustum
• ortho

---

• createShader
• shader

---

[p5.Cameraオブジェクト]
• eyeX
• eyeY
• eyeZ
• centerX
• centerY
• centerZ
• upX
• upY
• upZ

---

• camera
• setPosition
• lookAt
• move
• pan
• tilt
• perspective
• frustum
• ortho

Typography

• text
• textFont
• textSize
• textStyle
• textAlign

Transform

• translate
• rotate
• scale

---

• rotateX
• rotateY
• rotateZ

Math

• constrain
• dist
• lerp
• map
• max
• min
• abs
• pow
• sqrt
• exp
• log

---

• ceil
• floor
• round

---

• degrees
• radians
• angleMode
• cos
• sin
• tan
• acos
• asin
• atan
• atan2

---

• random
• randomSeed
• noise
• noiseSeed

Vector

• createVector

---

[P5Vectorモジュール]
• add
• sub
• mult
• div
• rem
• mag
• dot
• cross
• dist
• normalize
• rotate
• lerp
• fromAngle
• fromAngles
• random2D
• random3D

---

[p5.Vectorオブジェクト]
• x
• y
• z

---

• set
• copy
• add
• sub
• mult
• div
• rem
• mag
• magSq
• setMag
• dot
• cross
• dist
• normalize
• rotate
• lerp
• limit
• heading
• setHeading
• angleBetween
• reflect
• equals
• array
• toString

DOM

• createElement
• createButton
• createSlider
• createInput
• createCheckbox
• createRadio
• createSelect
• createDiv
• createImg
• createCapture

---

[p5.Elementオブジェクト]
• elt

---

• position
• size
• style
• html
• value
• show
• hide
• remove

---

• mouseClicked
• doubleClicked
• mousePressed
• mouseReleased
• mouseMoved
• mouseOver
• mouseOut
• mouseWheel
• dragOver
• dragLeave
• drop

Events

• mouseX
• mouseY
• pmouseX
• pmouseY
• movedX
• movedY
• mouseButton
• mouseIsPressed
• key
• keyCode
• keyIsPressed

---

• keyIsDown

---

• def mouseClicked
• def doubleClicked
• def mousePressed
• def mouseReleased
• def mouseMoved
• def mouseDragged
• def mouseWheel
• def keyPressed
• def keyReleased
• def keyTyped
• def windowResized

SoundFile

• loadSound

---

[SoundFileオブジェクト]
• play
• pause
• stop
• setVolume
• isPlaying
• setLoop

ML5

[ML5モジュール]
• classify
• hand
• face
• pose

Console

• puts
• print
• p
• gets
• cls
• sleep

Ruby basics

[条件分岐]
• if
• unless
• case

---

[繰り返し]
• while
• until
• for
• times
• each
• step
• loop

---

[その他]
• 定義構文
• クラス/モジュール
• 変換
• 書式指定
• 擬似変数
• 演算子

関連情報

• 定数(キーワード)
• 色(カラー)
• エラーメッセージ
• Native