Kate Kim



Development

UX / UI

Visual

About

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 made 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