Dusk at Sea

An interactive surface with HTML5 Canvas.

The Project...


This project features a simple experimentation with the HTML5 Canvas and was created as part of a university project in which the aim was to create an 'interactive surface'. My piece is entitled 'Dusk at Sea', which features an ocean scene complete with waves, a sunset style sky, and stars. The strength of the wave can be controlled by moving the mouse left to right. The wave itself is structured off of a sine wave; it takes the X position of the mouse as one of its inputs which is reponsible for the alteration of the amplitude of the wave as the mouse moves. The canvas also has sound; click anywhere on the surface to play or pause it!

Technologies...


  • HTML5 Canvas.
  • Javascript.