Kate Kim



Interactive Animation

Languages

Javascript
HTML
CSS

Description

This project was to create a digital clock using JavaScript in HTML5 Canvas and an interactive animation that responded to touch using PIXI js.

Interactive Development

Digital Clock

Code

HTML

In HTML 5, I put links to Webfont.js and Pixi.js to give the typography and clock movement in JavaScript. I used the script type “module” to work on HTML5 Canvas.

Digital Clock Code

Javascript

I coded a simple clock by setting the hours and minutes with “getHours ()” and “getMinutes ().”

Digital Clock Code

It gave the effect of scattering the letters of the clock according to the movement of the mouse.

Digital Clock Code