HTML 5 Canvas Animation: Animate lines moving in a canvas

Recommend this page to a friend!
     
  Info   Screenshots   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 355 All time: 109 This week: 8Up
Version License JavaScript version Categories
line-animation 1.0BSD License1.0Animation
Description 

Author

ejennings

This package can animate lines moving in a canvas element.

There is a line object that uses a point object to animate the extreme points of lines, utilizing different types of line animation such as linear, sine waves, circular, and random.

The line object can render the lines in a canvas page element.

Picture of ejennings
Name: ejennings <contact>
Classes: 1 package by
Country: Canada Canada
Age: 60
All time rank: 703 in Canada Canada
Week rank: 6 Up1 in Canada Canada Up

Screenshots (2)  
  • Line-Animation-Screenshot2.jpg
  • Line-Animation-Screenshot.jpg
  Files folder image Files (7)  
File Role Description
Image file leftArrow_small.png Icon demo image1
Plain text file LineAnimation.css Data Line Animation CSS
Plain text file LineAnimation.html Example Demo HTML file
Plain text file LineAnimation.js Class Line Animation javascript
Image file rightArrow_small.png Icon rightArrow_small.png

Downloadline-animation-2012-01-23.zip 204KB
Downloadline-animation-2012-01-23.tar.gz 204KB
 Version Control Unique User Downloads Download Rankings  
 0%
Total:355
This week:0
All time:109
This week:8Up

  Applications that use this package  
Demonstration of the line animcation

Add link image If you know an application of this package, send a message to the author to add a link here.