A Pen by Dave DeHaan

Developer
Dave DeHaan
Size
2,015 Kb
Views
8,096
  1. A Pen by Dave DeHaan Previews
  2. A Pen by Dave DeHaan HTML Codes
  3. A Pen by Dave DeHaan CSS Codes
  4. A Pen by Dave DeHaan JS Codes

How do I make an a pen by dave dehaan?

What is a a pen by dave dehaan? How do you make a a pen by dave dehaan? This script and codes were developed by Dave DeHaan on 04 January 2023, Wednesday.

A Pen by Dave DeHaan Previews
IQ Test

A Pen by Dave DeHaan - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Dave DeHaan</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <center> <canvas id="canvas" height="400" width="400"></canvas>
</center>
<img src="https://lamplighter.io/signup/images/[email protected]" id="LL" /> <script src="js/index.js"></script>
</body>
</html>

A Pen by Dave DeHaan - Script Codes CSS Codes

body { margin: 0px; background: #333;
}
#LL { display: none;
}
#canvas {
}

A Pen by Dave DeHaan - Script Codes JS Codes

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var circleRadius = 0;
var grow = 1;
var LL = document.getElementById('LL');
var pad = '#000000';
var fillColor = '#FFFF00';
var bgColor = '#FFF';
setInterval(function() { canvas.width = canvas.width; context.fillStyle = bgColor; context.fillRect(0, 0, canvas.width/2, canvas.height/2); context.fillRect(canvas.width/2, canvas.height/2, canvas.width/2, canvas.height/2); context.fillRect(0, canvas.height/2, canvas.width/2, canvas.height/2); context.fillRect(canvas.width/2, 0, canvas.width/2, canvas.height/2); circleRadius = grow ? circleRadius + 1 : circleRadius - 1; if (circleRadius >= canvas.width * 2/3) grow = 0; if (circleRadius <= 0) { grow = 1; fillColor = Math.floor(Math.random()*16777215).toString(16); fillColor = pad.substring(0, pad.length - fillColor.length) + fillColor; bgColor = Math.floor(Math.random()*16777215).toString(16); bgColor = pad.substring(0, pad.length - bgColor.length) + bgColor; } context.globalCompositeOperation = 'xor'; context.beginPath(); context.fillStyle = fillColor; context.arc(canvas.width/2, canvas.height/2, circleRadius, 0, Math.PI * 2); context.fill();
}, 1000/60);
A Pen by Dave DeHaan - Script Codes
A Pen by Dave DeHaan - Script Codes
Home Page Home
Developer Dave DeHaan
Username davedehaan
Uploaded January 04, 2023
Rating 3.5
Size 2,015 Kb
Views 8,096
Do you need developer help for A Pen by Dave DeHaan?

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!

Dave DeHaan (davedehaan) Script Codes
Name
Merry Christmas.
Yule Logs
Javascript stopwatch
Unblur on scroll
Global Composite Operation Test
404 Glitch Effect
Multi-color Text using globalCompositeOperation
HTML5 Logo Tracing
Dynamic Hero Image
More Fun with Lines
Create amazing blog posts 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!