Live Stream #22

TL;DR

Learn to create a reset button for p5 sketches in under 10 minutes.

Transcript

hello I think I am broadcasting live now welcome my name is Dan I have been spending about an hour trying to set up some lights in here and I'm looking at myself and I feel like I look a little bit reddish orange ish and then if I come over here to this camera view I look much paler so I still think I need to do some white balance work but if you a... Read More

Key Insights

• 👻 Utilizing the p5 Dom library allows for easy creation and integration of HTML buttons within p5 sketches.
• 😑 Defining a reset sketch function is essential for managing the restart functionality of p5 sketches upon button press.
• 🌐 Modifying global variables like frame count can be achieved within the p5 environment to control sketch behavior effectively.
• 🛃 Consider creating custom variables and functions to manage sketch reset and customization beyond p5's default capabilities.

Questions & Answers

Q: How can you reset a p5 sketch upon button press?

To reset a p5 sketch, create a 'reset sketch' function, and upon button press, run the function to restart the sketch.

Q: Does p5 allow modifications to set up and draw functions after creation?

Yes, modifications can be made to the draw function which gets continuously executed, whereas the set up function remains static after creation.

Q: Can p5 objects be instantiated multiple times with varying set up and draw functions?

Yes, p5 objects can have unique set up and draw functions after their creation, enabling different behaviors for each instance.

Summary & Key Takeaways

• Demonstrated how to add a reset button in p5 sketches using the p5 Dom library.

• Showed how to create a reset function to restart sketches upon button press.

• Explored the issue of resetting the frame count in p5 sketches and found a workaround.