Computational Media




Week 4 - Repetition: Loops

BIG IDEAS, BUT LITTLE KNOWLEDGE

To get some inspiration, I looked through this book called “Generative Design: Visualize, Program, and Create with Javasript in p5.js”.  I was fascinated by what can be created within p5. Since I’m a beginner in the area of creative coding, I mostly focus on “how in the world will I translate this into code???”. Thus, the creative ideation part comes after. 

With the help of this book, I created 20x20 ellipses and they behave differently according to my posX and posY. 
+ I added colors!! so they look more fun now!!


    

    


QUESTIONS & PROBLEMS OF THIS WEEK

Most of the time, I’m struggling with the overall order of code. For the first question, when I hover over a column, the next one turned red. Then, I moved my rect() to the end of draw and it worked! 




* map()?
* What did "if (canSlide) x = mouseX;" meant in the Slider example?
* How can we randomize colors? Do we have to give an array?
* How can we rotate a line grid/or our checkerboard? + how does overlay() work?
* How can we add a different library to p5? (GD Graphics Library)



            


























































































 
Lipsum™
Integer turpis massa, varius ultricies est sed, aliquet feugiat enim. Nulla facilisi. Ut in justo in ex faucibus ultricies. Proin id erat quis lorem vehicula commodo. Phasellus pharetra libero pretium ultricies aliquam. Vivamus eleifend, ligula ut venenatis aliquet, massa elit efficitur lorem, fermentum molestie elit ligula in ex. Duis mauris tellus, pharetra et orci a, aliquam imperdiet augue. Pellentesque elit neque, tincidunt sit amet imperdiet eget, porta ut metus. Nulla id leo tortor. Donec elementum ac sapien eget feugiat. Donec lorem dui, vestibulum quis nisl et, feugiat mattis massa.


Phasellus Rez

Praese
Suspendía

Lipsum Deus

  1. Praese Vita
  2. Nulla Vehicu AI
  3. Ukam Cors
  4. Dictum Magna
  5. Cursus Ex
  6. Suspendis Est
  7. Facili Sap
  8. Et Magni Disc
  9. Phasellus Deus
  10. Deus
  11. Rexus
  12. Maximus
  13. Lorem Ipsum
  14. Dolor 123




©MMXXI
Integer turpis massa varius