/ofcourse_lecture_01_graphics

Examples for Lecture 1 of OF COURSE: openFrameworks basic graphics

Primary LanguageC++

[ofCourse] Lecture 1: Graphics

Examples for Lecture 1 of ofCourse: basic graphics, animation, mouse interaction and loops using openFrameworks.

ofCourse is a creative coding program aimed at people with no coding skills. It provides a hands-on experience, tools, ideas, and full support for students to make their own projects.

Example 1: Shapes

  • Drawing some common shapes in oF

    • ofLine(), ofCircle(), ofRect()
    • ofBeginShape(), ofEndShape(true), ofVertex()

  • Playing with different styles and colors

    • ofBackground(), ofBackgroundHex()
    • ofFill(), ofNoFill()
    • ofSetColor(), ofSetHexColor()
    • ofColor::presets
    • ofSetLineWidth()

Example 2: Mouse

  • Different ways of using mouse coordinates

    • mouseX and mouseY variables
    • passing coords from mouse event to global variables
      • mouseDragged()
      • mouseReleased()

  • Playing with ofSetBackgroundAuto();

Example 3: Animation

  • Using global variables to make simple animations
  • Adding conditionals
  • Introducing app properties:
    • ofSetWindowTitle(), ofSetWindowShape()
    • ofEnableAntiAliasing(), ofSetCircleResolution()
    • ofGetWidth(), ofGetHeight()

Example 4: Loop

  • Using loops and mouse coordinates to draw an interactive pattern a) Simple loop b) Nested loop

  • More color:

    • ofColor
    • setHsb()
    • ofBackgroundGradient()