Analog Clock Application

Analog Clock Application

This series of videos shows how to create a simple analog clock application using the Processing programming language. It assumes you're already somewhat familiar with Processing (see our other content for some help here!). A big part of the application is the use of polar coordinates to determine the ends of the hour, minute, and second hands.

Complete source code for the application can be found here.

The first video in a series about coding an analog clock application in Processing covers the goals of the app, shows a demo of the finished product, discusses the second(), minute(), and hour() methods, and sets up the need for polar coordinates.

This video covers how polar coordinates will be used to determine the endpoints of the second, minute, and hour hand lines.

This video covers planning / design of the app, and shows the coding for the constants and the setup() method.

This video covers the coding for the convertAndTranslate() method, which converts from polar to Cartesian coordinates, and translates the origin to the center of the display window.

This video covers the coding for the draw() method, and concludes with some suggested additions for the app.