Clock / The Coding Train

- ClockImplementing a clock in HTML5.
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.
- 📓
  Golan Levin's notes on MAEDA’S 12 O’CLOCKS
  Maeda’s 12 o’clocks
- 🕐
  Alca's Clock Collection
  Alca's Clock Collection
- 📄
  ICM-2017 Syllabus
  Syllabus for ITP Foundation Course Introduction to Computational Media
- 🎥
  Livestream Archive
  Livestream #100.2: Transformations and Clocks with p5.js - Part 2
- Editing
  by Mathieu Blanchette
- Animations
  by Jason Heglund

ClockImplementing a clock in HTML5.

In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.

📓
Golan Levin's notes on MAEDA’S 12 O’CLOCKS
Maeda’s 12 o’clocks
🕐
Alca's Clock Collection
Alca's Clock Collection
📄
ICM-2017 Syllabus
Syllabus for ITP Foundation Course Introduction to Computational Media

🎥
Livestream Archive
Livestream #100.2: Transformations and Clocks with p5.js - Part 2

Editing
by Mathieu Blanchette
Animations
by Jason Heglund

Passenger Showcase

The Showcase is collection of projects created by viewers like you!

Neon Digital (inspired by one of Maeda's 12 o'clocks)

Neon Digital (inspired by one of Maeda's 12 o'clocks)

by Bixbite

Colorful/Formatted Clock

Colorful/Formatted Clock

by JosephS

A Whole Bunch O'Clocks

A Whole Bunch O'Clocks

by Rob Owen King

Follower Clock

by Mahdad Borhani

Rainbow Analog Clock With Minute And Hour Smoothing

Rainbow Analog Clock With Minute And Hour Smoothing

by Abhijeet S. Mankani

Clock with trails

Clock with trails

by The Exceptionist

Count the squares

Count the squares

by Alkemann

Newton Clock

by Merijn_DH

Binary Clock

by Arjen Klaverstijn

BMW Clock

by Mohammad Fahad

QR Clock

by p5Dojo

Watch with planetary gears

Watch with planetary gears

by Dollee Bhatia

Clock

by Hung-Ting Kuo

Apple_gen5_watch styled analog+digital smooth System Clock

Apple_gen5_watch styled analog+digital smooth System Clock

by Abhinav Mishra (Amsters')

Fractal Clock - a combination of this coding challenge and CC14

Fractal Clock - a combination of this coding challenge and CC14

by LoganDungeon

3D Clock

by Dave Briccetti

Text clock

by Ignazioc

🕒⏰Simple Analog🕓🕰🕕🕜

🕒⏰Simple Analog🕓🕰🕕🕜

by Mukund

CLOCK NEON

by AHMED MUAVIA

Clock and Angle

Clock and Angle

by Bishoy Magdy

Cool Clock

by Mahdad Borhani

Simple gradient + arc digital clock

Simple gradient + arc digital clock

by rafaelimao

Modern Radio Clock

Modern Radio Clock

by Martin Marguerat

Spinning hands of time

Spinning hands of time

by Owen McAteer

Circle Analog Clock

Circle Analog Clock

by kleinesfilmröllchen

Simple Analog Clock With Minute And Hour Smoothing

Simple Analog Clock With Minute And Hour Smoothing

by Abhijeet S. Mankani

Bezier Clock

by p5Dojo

Physics Based Clock

Physics Based Clock

by Alca

Enhanced Circle Clock

Enhanced Circle Clock

by Flixs

Minimalist Clock with continuously rotating pointer

Minimalist Clock with continuously rotating pointer

by Nick 'Milchreis' Müller

Rubik's clock!

by Simon (& abhay color change)

Fibonacci Clock

Fibonacci Clock

by dzson

Have you made something? Please share your work!

Submit to the showcase

Try a challenge!

Suggested by the video you're watching

👁

#66 — JavaScript Countdown Timer

"JavaScript Countdown Timer" challenge

mar 25, 2017

In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5’s millis().

mar 25, 2017