Atlassian uses cookies to improve your browsing experience, perform analytics and research, and conduct advertising. Accept all cookies to indicate that you agree to our use of cookies on your device. Atlassian cookies and tracking notice, (opens new window)
Confluence
For you
Programming
Results will update as you type.
  • Tiling and Repetition
  • Reactors
  • Programming Basics: Parametric and Generative Graphic Design 2016
  • Archive
  • High Scores
  • Artificial Neural Network
  • Alternatives to the Processing IDE
  • p5.js Programming
    • p5.js Introduction
    • p5.js Variables
    • p5.js Random Numbers
    • p5.js SVG + Images
    • p5.js WebGL
    • p5.js Classes and Objects
    • p5.js Events and Functions
    • p5.js Loops
    • p5.js Coordinates
    • P5js Nested Loops
    • p5.js Animation Exercise 1
    • p5.js Animation Exercise 2
    • p5.js Conditionals
    • p5.js Arrays and Lists
    • p5.js Simple Collision Detection
    • p5.js Reactors
    • p5.js Tiling and Repetition
    • p5.js Vectors
    • p5.js Animation Solution with Objects
    • p5.js Easing
    • p5.js Perlin Noise
    • p5.js Particle System
    • p5.js Sound
    • p5j.s Typography
    • P5js Archive
      • P5js Motion Reactor
      • P5js Multiple Reactor Points
      • P5js Programming Basics: Parametric and Generative Graphic Design 2016
        • P5js Readings and References
        • P5js Lesson 4.4 - Motion and Multiple Reactor Points
      • P5js End Exercise 2014
      • P5js End Exercise 2015
      • P5js Ext. Lektion 1 (Force Fields)
      • P5js Ext.Lektionen 2 (Rekursive Funktionen / Fraktale)
      • P5js How Computers Think
      • P5js End Exercise 2016 - Asteroids
      • P5js High Scores
      • P5js Artificial Neural Network
      • P5js Gesture Interactions
      • P5js Lesson 4.2 – Sine function
      • P5js Lesson 4.5 - Exercises
  • Programming in Processing (java)
    Two hearts overlapped with each other
    Welcome back
    Catch up on the top discussions and highlights from your team.
    /
    P5js Programming Basics: Parametric and Generative Graphic Design 2016
    Published Jul 30, 2021

    P5js Programming Basics: Parametric and Generative Graphic Design 2016

    Jul 30, 2021

    Programming Basics part 1   |  Programming Basics part 2

     

    Parametric and Generative Graphic Design with Processing.

    Teacher: Luke Franzke

    Schedule

    09.00 – 17.00 29.11.2016
    4.T33

    09.00 – 17.00 06.12.2016 

    4.K15

    09.00 – 17.00 13.12.2016
    4.T09

    09.00 – 17.00 20.12.2016
    4.K15

    22.12.2015 End Presentation (together with graphic design basics)

    4.K15

    Deliverables 

    Presentation - Demonstration of the interactive visualization using gesturual control. 

    Documentation - Documentation of all your examples in the provided template together with your code. This should be placed on the server in filer.ad.zhdk.ch/DDE/VIAD/01_ABGABEN/16_HS/Sem1_ProgrammingBasics

    Attendance during lessons  

    P5js Readings and References

    Week 1

    Lesson 1.0 - Arrays and lists for visual grids

    P5js Modifying distribution along width and height

    P5js Modifying scale with distribution

    Lesson 1.3 - Modifying rotation by distribution

    P5js Using bitmaps as modifiers

    Lesson 1.5  - Exercises

    Week 2

    p5.js Reactors

    Lesson 2.1 – Simple Reactor

    Lesson 2.2 – Vector Fields

    P5js Using bitmaps as modifiers

    Lesson 2.4 - Exercises

    Lesson 2.5 (Extra) Permutations

    Lesson 2.6 (Extra) Curve Reactor

    Week 3

    Lesson 3.0 - Gesture Interactions

    Lesson 3.1 - Basic Leap Examples

    Lesson 3.2 - Multiple visualisations with leap

    Week 4

    Lesson 4.0 - Motion and Temporality

    Lesson 4.1 - Motion Reactor

    Lesson 4.2 - Sine function

    P5js Multiple Reactor Points

    Lesson 4.4 - Exercises

     

     

    {"serverDuration": 63, "requestCorrelationId": "bea7a08f3e6e4f0db831383cd344cf86"}