2.5: The random() Function - p5.js Tutorial

TL;DR

Learn how to incorporate randomness into p5 JS sketches for creative design possibilities.

Transcript

So, here we are. This is the last video in this little section about variables in p5 JS and before I go-- I'm not going anywhere, because all I do is stay in this room make videos. Before I go on to the next topic-- which is conditional logic-- which will really unlock a lot of creative possibilities for you, I want to give you one last tool that w... Read More

Key Insights

• 🎨 The random function in p5 JS is a powerful tool for introducing randomness into sketches for creative design possibilities.
• ❓ Debugging is crucial when encountering errors in functions or variable assignments in p5 JS to ensure smooth execution.
• ❣️ Leveraging random values for x, y coordinates, and color can enhance the visual appeal and creativity of p5 JS sketches.

Questions & Answers

Q: What is the random function in p5 JS used for?

The random function in p5 JS generates random numbers within specified ranges, allowing for the introduction of randomness in design and behaviors in sketches.

Q: How can random values be incorporated into x and y coordinates in a p5 JS sketch?

By using the random function with the width and height of the canvas, values can be assigned randomly to x and y coordinates for creating dynamic visual elements.

Q: What are some common errors to watch out for when working with functions like point in p5 JS?

Overriding built-in functions like point with variable names can lead to unexpected errors. It's essential to choose variable names carefully to avoid conflicts with existing functions.

Q: How can randomness be applied to colors in a p5 JS sketch?

Random ranges can be specified for individual color components (red, green, blue, alpha) to create varied color schemes in designs, adding visual interest and diversity.

Summary & Key Takeaways

• Introduction to using the random function in p5 JS.

• Demonstration of using random values for x and y coordinates and color in a sketch.

• Explanation on debugging common errors while working with functions in p5 JS.