Viewing Program

Program Data

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

Title	Merry Christmas
ID	6169660759130112
Created	15 days ago, 1735058386306
Updated	15 days ago, 1735058513809
Code	<!DOCTYPE html> <!-- Merry Christmas. :) --> <html> <head> <meta charset="utf-8"> <title>Merry Christmas</title> <style> body{ margin:0px; padding:0px; overflow:hidden; } </style> </head> <body> <canvas id = "canvas"></canvas> <script type> function program(){ var canvas = document.getElementById('canvas'), img = document.getElementById('img'), ctx = canvas.getContext('2d'); canvas.width = 600; canvas.height = 500; function random(min, max) { return min + Math.random() * (max - min); } //background let background = ctx.createLinearGradient(300, 0, 300, 500); background.addColorStop(1, 'rgb(75, 183, 250)'); background.addColorStop(0, 'rgb(6, 31, 191)'); ctx.fillStyle = background; ctx.fillRect(0,0,600,500) let thing = ctx.createRadialGradient(338, 368, 133, 338, 200, 400); thing.addColorStop(0, 'rgba(255, 255, 255,0)'); thing.addColorStop(1, 'rgba(0,0,0)'); ctx.fillStyle = thing ctx.fillRect(0,0,600,600) var ellipse = function(x,y,w,h){ ctx.beginPath(); ctx.ellipse(x, y, w/2, h/2, 0, 0, 2 * Math.PI); ctx.fill(); ctx.closePath(); }; function tar(x,y,r){ var adialGradient = ctx.createRadialGradient(x,y,0,x,y,r); adialGradient.addColorStop(0, 'rgba(255, 255, 255,'+ (500-y) +'%)'); adialGradient.addColorStop(0.5, 'rgba(127, 232, 250,0)'); //radialGradient.addColorStop(1, 'rgba(255, 255, 255,0.1)'); ctx.fillStyle = adialGradient; ellipse(x,y,r,r); } for(var i = 0;i < 600;i+=1){ tar(i,random(0,500),random(0,6)); } ctx.fillStyle = "black" ctx.save(); ctx.translate(-57, 0) //stable ctx.beginPath(); ctx.moveTo(10, 422); ctx.quadraticCurveTo(162, 472, 193, 468); ctx.quadraticCurveTo(215, 463, 252, 468); ctx.lineTo(266, 319); ctx.lineTo(192, 319); ctx.lineTo(370, 214); ctx.lineTo(553, 319); ctx.lineTo(492, 319); ctx.lineTo(492, 453); ctx.lineTo(458, 456); ctx.lineTo(458, 406); ctx.lineTo(409, 323); ctx.lineTo(344, 320); ctx.lineTo(289, 393); ctx.lineTo(289, 461); ctx.lineTo(404, 461); ctx.lineTo(456, 453); ctx.lineTo(572, 453); ctx.quadraticCurveTo(641, 463, 698, 408); ctx.lineTo(650, 500); ctx.lineTo(0, 500); // ctx.bezierCurveTo(317, 294, 355, 264, 364, 234); ctx.fill(); ctx.closePath(); //manger ctx.beginPath(); ctx.moveTo(358, 462); ctx.quadraticCurveTo(349, 398, 387, 434); ctx.quadraticCurveTo(395, 447, 387, 464); ctx.fill(); ctx.closePath(); //joseph ctx.beginPath(); ctx.moveTo(319, 462); ctx.quadraticCurveTo(313, 417, 315, 405); ctx.quadraticCurveTo(313, 417, 323, 384); ctx.quadraticCurveTo(326, 350, 347, 364); ctx.quadraticCurveTo(351, 370, 347, 388); ctx.quadraticCurveTo(359, 413, 350, 418); ctx.quadraticCurveTo(352, 451, 348, 464); ctx.fill(); ctx.closePath(); //mary ctx.beginPath(); ctx.moveTo(404, 462); ctx.quadraticCurveTo(390, 417, 395, 395); ctx.quadraticCurveTo(386, 374, 402, 368); ctx.quadraticCurveTo(412, 369, 415, 400); ctx.quadraticCurveTo(423, 414, 423, 418); ctx.quadraticCurveTo(427, 447, 441, 496); ctx.fill(); ctx.closePath(); ctx.restore(); //moon ctx.fillStyle = "white" ctx.beginPath(); ctx.moveTo(11, 289); ctx.quadraticCurveTo(-5, 329, 31, 319); ctx.quadraticCurveTo(5, 319, 11, 289); ctx.fill(); ctx.closePath(); ctx.save(); //star ctx.translate(-56,0); let radialGradient = ctx.createRadialGradient(368, 136, 11, 370, 136, 46); radialGradient.addColorStop(0, 'rgba(255, 255, 255)'); radialGradient.addColorStop(1, 'rgba(255, 255, 255,0)'); ctx.fillStyle = radialGradient ctx.beginPath(); ctx.ellipse(500, 200, 300, 300, 0, 0, 2 * Math.PI); ctx.fill(); ctx.closePath(); ctx.strokeStyle = "white" ctx.lineWidth = 0.3; ctx.beginPath(); ctx.moveTo(369, 13) ctx.lineTo(370, 228) ctx.stroke(); ctx.closePath(); ctx.beginPath(); ctx.moveTo(237, 135) ctx.lineTo(503, 135) ctx.stroke(); ctx.closePath(); ctx.restore(); } program(); //<script> </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLuv4ej6Cgw
Votes	7
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	500
User Flagged	false
Origin Scratchpad	null
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	15 days ago, 1735091525298
Updated	15 days ago, 1735091525298
Source Deleted	unknown