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

Related

Processing and p5.js compared

Please note that this article is still in development Please note: This article may be very time-bound and the items […]

New course out now: Grid Systems

After a long period of work, about a dozen discarded lessons, and many discussions with a wide variety of people, […]

A brief research on grid systems

How do you develop a course for a subject as abstract and multifaceted as the topic of grid systems? Either […]

Student Journey – with Lily Montague

[INTROTEXT VON TIM HIER EINFÜGEN] What sparked your interest in creative coding and how did you get started? For me, […]

Curating the DESIGN IN MOTION Festival 2022

Imagine if the majority of all outdoor displays in public spaces were broadcasting the best of design and moving image […]

The Magic Triangle

Hey people, I hope you are all well! I escaped the cold and wet weather in Germany and am now […]

How to build the folder structure?

Hey everyone, I hope you are well! Today I would like to talk about a problem in the sketching process. […]