Building a Poster Design Tool
In this series of sessions I demonstrate how you can develop a flexible design tool including a user interface with Processing and the library controlp5.
Session 003 / Part 1
By loading the video, you agree to Vimeos’s privacy policy.
Learn more
In this video
- Implementation of a slider with the controlP5-library
- Connecting the slider with a variable
Session 004 / Part 2
By loading the video, you agree to Vimeos’s privacy policy.
Learn more
In this video
- Implement multiple sliders
- Structure your code with functions
- Implement an image
- Implement a font
- Implement PGraphics for an independent design-surface
- Add text to the poster-surface
Session 005 / Part 3
By loading the video, you agree to Vimeos’s privacy policy.
Learn more
In this video
- 2D-sliders with ControlP5
- Implement a button/bang-component with ControlP5
- Save an image from the PGraphics-object on button click
Session 006 / Part 4
By loading the video, you agree to Vimeos’s privacy policy.
Learn more
In this video
- Code-refactoring
- Implement buttons to change the color of the font
- Implement another 2D-slider for three-dimensional image-rotation
Session 007 / Part 5
By loading the video, you agree to Vimeos’s privacy policy.
Learn more
In this video
- Refining and styling the UI
- Restructuring the UI with tabs
Session 008 / Part 6
Session 009 / Part 7
Related links
Enjoying the content?
I put a lot of love and effort into developing content on Creative Coding. Since 2018, I have published 228 interviews, case studies, and tutorials, along with over 318 lessons in 19 online courses – and there's more to come! If you'd like to support my work and help keep this platform evolving, please consider supporting me on Patreon. Thank you very much!
Monthly Newsletter
Fresh perspectives circling around Creative Coding, Design and Technology, every first Friday of the month, directly to your inbox.
