One Day

a digital art piece that illustrates natural objects and their movements abstractly

('u.s.a.', 'ann arbor')

abstract art

animation

design

digital creation

drawing

tween.js

two.js

One Day is a digital art piece that illustrates natural objects and their movements abstractly. It is inspired by natural sun lights, time-lapse of star and paintings such as Vincent van Gogh's The Starry Night.

The primary component of this art piece is an animated circular shape that symbolizes as the sun, the moon as stars. This component consists of a varied number of "trails"that are individually animated with circular movements.

Alone with the wind-like movement, the color of the "sky"and these trails change gradually to illustrate different the time of the day. It will gradually circulate through several stages:

  • Dawn Sun Rise Bright Day Sunset Dark Night
  • For example, in the Dark Night stage, the background transforms to black and the bright yellow moon appears on the canvas.

    For example, in the Dark Night stage, the background transforms to black and the bright yellow moon appears on the canvas.

    During the Bright Day stage, background and elements will transform to orange, yellow and red toned elements.

    During the Bright Day stage, background and elements will transform to orange, yellow and red toned elements.

    Besides these current features that are introduced above, I am planning to 1) develop interactive features to allow viewers to control the movement and transformation, and 2) adding real-time world clock and weather scripting to organize the stage sequence.

    One Day is a web-based project developed using javascript libraries including two.js, tween.js, d3.js. It requires browsers that support WebGL. It is intended to be displayed on large screens for an extended period. It might require initial loading/setup time depending on devices.

    Click Here to view the live version. The current version is tested on Chrome only, and might break down if run on other browsers.

    One Day