Dude me coool

Developer
Size
2,084 Kb
Views
4,048

How do I make an dude me coool?

What is a dude me coool? How do you make a dude me coool? This script and codes were developed by Brosis Mosis on 30 January 2023, Monday.

Dude me coool Previews

Dude me coool - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Dude me coool</title>
</head>
<body> <html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
canvas { border:1px solid #FF2300; background-color: #00ffdd;
}
</style>
</head>
<body onload="startGame()">
<script>
var myGamePiece;
function startGame() { myGameArea.start(); myGamePiece = new component(30, 30, "blue", 10, 120);
}
var myGameArea = { canvas : document.createElement("canvas"), start : function() { this.canvas.width = 480; this.canvas.height = 270; this.context = this.canvas.getContext("2d"); document.body.insertBefore(this.canvas, document.body.childNodes[0]); this.interval = setInterval(updateGameArea, 20); window.addEventListener('keydown', function (e) { myGameArea.key = e.keyCode; }) window.addEventListener('keyup', function (e) { myGameArea.key = false; }) }, clear : function(){ this.context.clearRect(0, 0, this.canvas.width, this.canvas.height); }
}
function component(width, height, color, x, y) { this.gamearea = myGameArea; this.width = width; this.height = height; this.speedX = 0; this.speedY = 0; this.x = x; this.y = y; this.update = function() { ctx = myGameArea.context; ctx.fillStyle = color; ctx.fillRect(this.x, this.y, this.width, this.height); } this.newPos = function() { this.x += this.speedX; this.y += this.speedY; }
}
function updateGameArea() { myGameArea.clear(); myGamePiece.speedX = 0; myGamePiece.speedY = 0; if (myGameArea.key && myGameArea.key == 37) {myGamePiece.speedX = -1; } if (myGameArea.key && myGameArea.key == 39) {myGamePiece.speedX = 1; } if (myGameArea.key && myGameArea.key == 38) {myGamePiece.speedY = -1; } if (myGameArea.key && myGameArea.key == 40) {myGamePiece.speedY = 1; } myGamePiece.newPos(); myGamePiece.update();
}
</script>
<p>Dude Me Cool</p>
</body>
</html>
<div class="monster"></div>
<style>
body { background: #24aecd;
} .monster { width: 190px; height: 240px; margin: 2% auto; background: url('https://raw.githubusercontent.com/Kermet24/Public-Files1/a24100e0c7a00099b43f81e10e79e7fd72110e5b/Luigi%20(3).gif') left center; animation: play .8s steps(10) infinite;
}
@keyframes play { 100% { background-position: -1900px; }
}
</style>
</body>
</html>
Dude me coool - Script Codes
Dude me coool - Script Codes
Home Page Home
Developer Brosis Mosis
Username kermet24
Uploaded January 30, 2023
Rating 3
Size 2,084 Kb
Views 4,048
Do you need developer help for Dude me coool?

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!

Brosis Mosis (kermet24) Script Codes
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!