aurbano / line-art

A little experiment with animated lines trying to create an elegant visual experience.

Home Page:https://aurbano.github.io/line-art

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Line-Art

Line Art

Line-Art is a little experiment created in HTML5 canvas, playing with animated lines trying to create an elegant visual experience.


Line-Art creates a sine wave (Only one period) using a number of points controlled by a slider at the bottom. The more points the more exact it will be. It then joins the corresponding points from each half period of the sine. It is probably easier to understand by looking at it.

Demo:

Line Art

(Chrome recommended, although some other modern browsers will work too)

Builds:

  • Line-Art.min.js: minified version of the src code

Featured in Chrome Experiments: https://experiments.withgoogle.com/line-art

Licensed under the MIT license. Developed by Alejandro U. Alvarez

Analytics

About

A little experiment with animated lines trying to create an elegant visual experience.

https://aurbano.github.io/line-art

License:MIT License


Languages

Language:JavaScript 78.2%Language:HTML 21.8%