Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	A look thru eclipse glasses
ID	5041343473303552
Created	8 months ago, 1712614046652
Updated	8 months ago, 1713975592262
Code	<!DOCTYPE html> <!-- The reason the Sun and the Moon look the same size is because the Sun's diameter is 400 times the Moon's diameter but the Moon is 400 times closer to Earth than the Sun. Contest: Taking Flight I have completed 100% of Khan Academy's 'Intro to Webpages' and have been programming for ≈18 months. I would prefer to be placed in the [Beginner] bracket TODO: - Fill out statements above ✓ - Save your entry as a spin-off of this program ✓ - Have fun! ✓ --> <script> //change speed to make it go faster. var speed = 1; </script> <html> <head> <meta charset="utf-8"> <title>A look thru eclipse glasses</title> <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Lato&family=Material+Icons&display=swap'> <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet"> <style> { transition: 0.5s ease; } body{ margin:0px; padding:0px; overflow:hidden; background:black; } #logo{ position:fixed; bottom:5px; right:5px; border-radius:51px; } #logo:hover{ border-radius:10px; width:10%; } </style> </head> <body> <canvas id = "canvas"></canvas> <a target="_blank" href="http://www.khanacademy.org/profile/Vicioustrex"> <img id="logo" src="https://www.khanacademy.org/computer-programming/new-program/6026284286918656/4854135780065280.png"width="50"> </a> <script type id = "game"> var canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = 600; var width = canvas.width; var height = canvas.height; var rotate = -0.6; function draw(){ var gradient = ctx.createRadialGradient(300, 300, 1, 300, 300, 130); gradient.addColorStop(1, "rgb(247, 173, 0,0.1)"); gradient.addColorStop(0.9, "rgb(143, 95, 0)"); gradient.addColorStop(0, "rgb(255, 187, 0)"); var background_gradient = ctx.createLinearGradient(663, 50, 748, 269); background_gradient.addColorStop(1, "rgb(0, 12, 82)"); background_gradient.addColorStop(0.7, "rgb(0, 0, 0)"); background_gradient.addColorStop(0, "rgb(0, 3, 94)"); ctx.fillStyle = "rgb(0, 0, 0)"; ctx.fillRect(0,0,width,height) ctx.fillStyle = gradient; ctx.beginPath(); ctx.ellipse(300,300, 130, 134, 0, 0, 2 Math.PI); ctx.fill(); ctx.closePath(); for(var i = 0;i < 6;i += 1.2){ ctx.save(); ctx.rotate(rotate - i); ctx.fillStyle = "rgba(0, 0, 0, 1)"; ctx.beginPath(); ctx.ellipse(300, 300, 130, 130, 0, 0, 2 * Math.PI); ctx.fill(); ctx.closePath(); ctx.restore(); } rotate += speed * 0.0001; } window.setInterval(draw,1); //<script> </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKv3s6L6CAw
Votes	19
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	{"id":"6014326090153984","title":"Contest: Taking Flight - HTML Submissions","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Vicioustre𝑥 BBB#
Author Name	Vicioustrex
Author ID	kaid_1063463007130342809105382
Author Profile Access	PUBLIC

Archive Data

Added	2 days ago, 1735937712150
Updated	2 days ago, 1735937712150
Source Deleted	unknown