Skip to content

Interactive canvas animation of lines moving on a grid next to the user cursor

License

Notifications You must be signed in to change notification settings

Elliot67/grid-lines

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

grid-lines

Interactive canvas animation of lines moving on a grid next to the user cursor.

Config

const config = {
	backgroundColor: "white",
	gridColor: "grey",
	linesColor: ["blue", "#FF5733", "#581845"],
	speed: 10,
	lineLength: 110,
};

const canvas = document.querySelector("canvas");
new GridLines(canvas, config);



Original idea from Robert Coopercode - Animated Grid Line

About

Interactive canvas animation of lines moving on a grid next to the user cursor

Resources

License

Stars

Watchers

Forks