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)
/
P5js Programming Basics: Parametric and Generative Graphic Design 2016

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



, multiple selections available,
{"serverDuration": 57, "requestCorrelationId": "e6ba07334ba3469490013e7ced5d8beb"}