Building a Poster Design Tool • tim rodenbröker creative coding

Building a Poster Design Tool

Published by Tim on Tuesday September 28, 2021

Last modified on January 25th, 2024 at 14:07

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

Vimeo

By loading the video, you agree to Vimeos’s privacy policy.
Learn more

Load video

In this video

  • Implementation of a slider with the controlP5-library
  • Connecting the slider with a variable

Session 004 / Part 2

Vimeo

By loading the video, you agree to Vimeos’s privacy policy.
Learn more

Load video

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

Vimeo

By loading the video, you agree to Vimeos’s privacy policy.
Learn more

Load video

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

Vimeo

By loading the video, you agree to Vimeos’s privacy policy.
Learn more

Load video

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

Vimeo

By loading the video, you agree to Vimeos’s privacy policy.
Learn more

Load video

In this video

  • Refining and styling the UI
  • Restructuring the UI with tabs

Session 008 / Part 6


Session 009 / Part 7


Related links

Bi-Weekly Update

Active patrons in a paid tier get regular updates on new content, lessons and courses. For learners. On Fridays, 4pm CET.

Monthly Newsletter

Personal Reflections on Creative Coding, Design and life with Technology, every first Friday of the month, directly to your inbox.