A Pen by Edwin Jaquez

Developer
Edwin Jaquez
Size
1,973 Kb
Views
28,336
  1. A Pen by Edwin Jaquez Previews
  2. A Pen by Edwin Jaquez HTML Codes
  3. A Pen by Edwin Jaquez CSS Codes
  4. A Pen by Edwin Jaquez JS Codes

How do I make an a pen by edwin jaquez?

What is a a pen by edwin jaquez? How do you make a a pen by edwin jaquez? This script and codes were developed by Edwin Jaquez on 01 October 2022, Saturday.

A Pen by Edwin Jaquez Previews
IQ Test

A Pen by Edwin Jaquez - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Edwin Jaquez</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <canvas id="c"></canvas> <script src="js/index.js"></script>
</body>
</html>

A Pen by Edwin Jaquez - Script Codes CSS Codes

body { margin: 0; }
canvas { background: #CFF09E; display: block; }

A Pen by Edwin Jaquez - Script Codes JS Codes

(function(){	var c = document.getElementById("c"),	ctx = c.getContext("2d");	c.width = innerWidth;	c.height = innerHeight;	var lines = [],	maxSpeed = 5,	spacing = 5,	xSpacing = 0,	n = innerWidth / spacing,	colors = ["#3B8686", "#79BD9A", "#A8DBA8", "#0B486B"],	i;	for (i = 0; i < n; i++){	xSpacing += spacing;	lines.push({	x: xSpacing,	y: Math.round(Math.random()*c.height),	width: 2,	height: Math.round(Math.random()*(innerHeight/10)),	speed: Math.random()*maxSpeed + 1,	color: colors[Math.floor(Math.random() * colors.length)]	});	}	function draw(){	var i;	ctx.clearRect(0,0,c.width,c.height);	for (i = 0; i < n; i++){	ctx.fillStyle = lines[i].color;	ctx.fillRect(lines[i].x, lines[i].y, lines[i].width, lines[i].height);	lines[i].y += lines[i].speed;	if (lines[i].y > c.height)	lines[i].y = 0 - lines[i].height;	}	requestAnimationFrame(draw);	}	draw();
}());
A Pen by Edwin Jaquez - Script Codes
A Pen by Edwin Jaquez - Script Codes
Home Page Home
Developer Edwin Jaquez
Username ejbronze
Uploaded October 01, 2022
Rating 3
Size 1,973 Kb
Views 28,336
Do you need developer help for A Pen by Edwin Jaquez?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Edwin Jaquez (ejbronze) Script Codes
Name
Home Page Demo
Eunice A
Discussion Page
Home Page
Donut Shop- FAQ
Donut Shop- Contact Us
Donut Shop-Story
Table
Favorite Places
Donut Shop- Locations
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!