Viewing Program

Program Data

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

Title	welcome back!!
ID	6007297686814720
Created	1 months ago, 1733423400660
Updated	1 months ago, 1733454045025
Code	<!DOCTYPE html> <!-- --> <html> <head> <meta charset="utf-8"> <title>welcome back!!</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=Rye&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Noto+Sans&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; } #logo{ position:fixed; bottom:5px; right:5px; border-radius:51px; } #l{ position:fixed; top:-10px; left:-38px; width:600px; z-index:-1; } #logo:hover{ border-radius:10px; width:10%; } #tex-canvas{ position:fixed; top:0px; left:0px; width:600px; z-index:-1; filter:blur(2px); } #canvas{ position:fixed; top:0px; left:0px; width:600px; z-index:1; } </style> </head> <body> <!-- <img src = "https://upload.wikimedia.org/wikipedia/commons/5/59/Caribbean_reef_shark.jpg"> <img src = "https://upload.wikimedia.org/wikipedia/commons/d/da/Bee_hummingbird_%28Mellisuga_helenae%29_adult_male_in_flight-cropped.jpg"> https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRPCT04popLQyqiblRjiADOgQDOVdxt_Ki175-5aDNVBA&s https://upload.wikimedia.org/wikipedia/commons/f/fb/Montsouris_Park_Dawn_Redwood.jpg <img src = "https://upload.wikimedia.org/wikipedia/commons/b/b5/Rufous_Hummingbird%2C_male_01.jpg"> --> <!--<img src = "https://www.khanacademy.org/computer-programming/afds/5140823813046272/5473605076566016.png" id = "tree_tex">--> <!--<a href = "https://www.khanacademy.org/python-program/rock-pap/4850928290807808" target = "_blank">--> <canvas id = "tex-canvas"></canvas> <canvas id = "canvas"></canvas> <!--</a>--> <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> <div style = "position:fixed;left:0px;bottom:0px;width:1px;height:1px;"> </div> <!--<img src = "https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Regular_polygon_6_annotated.svg/220px-Regular_polygon_6_annotated.svg.png" id = "l">--> <script type>//<script> function pro(){ let tex_canvas = document.getElementById('tex-canvas'), // tree_tex = document.getElementById('tree_tex'), ctx = tex_canvas.getContext('2d'); // tree_tex.style.display = "none" tex_canvas.width = 600; tex_canvas.height = 600; function random(min,max){ return min+Math.random()(max-min); } function hex(x,y){ ctx.save() ctx.beginPath(); ctx.moveTo(0+x,18+y); ctx.lineTo(30+x,0+y) ctx.lineTo(61+x,18+y) ctx.lineTo(61+x,52+y) ctx.lineTo(30+x,70+y) ctx.lineTo(0+x,52+y) ctx.lineTo(0+x,18+y); ctx.stroke(); ctx.closePath(); ctx.restore() } ctx.lineWidth = "7" let num_frames = 0; let particles = []; class particle{ constructor() { this.X = random(0,600); this.Y = random(-50,-650); this.size = random(25, 50); this.x_vel = random(-1,1); this.y_vel = random(1,3); this.g =0.5; this.s = 5; } draw() { ctx.save() ctx.translate(this.X, this.Y); ctx.rotate((this.Y/200)1.3); var t = ctx.createLinearGradient(-20, -20, 10, 10); t.addColorStop(1, 'rgb(4, 255, 0)'); t.addColorStop(0, 'rgb(114, 178, 252)'); ctx.fillStyle = t ctx.fillRect(0-this.size/2, 0 - this.size/2, this.size/2, this.size); ctx.restore(); } update() { this.X += this.x_vel; this.Y += this.y_vel; } } var g = 0; let f = 0; for(let i =0;i < 30;i++){ particles.push(new particle()); } function draw(){ f++; ctx.fillStyle = "rgb(0, 0, 0)" ctx.fillRect(0,0,600,600); g = ctx.createLinearGradient(300+Math.sin(f/50)300, 0, 600-Math.sin(f/50)300, 600); g.addColorStop(1, 'rgb(0, 4, 255)'); g.addColorStop(0, 'rgb(0, 255, 238)'); ctx.strokeStyle = g for(let i = 0;i < 10;i++){ for(let j = 0;j < 10;j++){ hex(-25+i64,j100) } } for(let i = 0;i < 10;i++){ for(let j = 0;j < 10;j++){ hex(-56+i64,53+j100) } } for(var i = 0;i < particles.length;i++){ particles[i].draw(); particles[i].update(); if(particles[i].Y>650){ particles[i].Y = -50; } if(particles[i].X>650){ particles[i].X = -50; } if(particles[i].X<0){ particles[i].X = 650; } } ctx.fillStyle = "black" ctx.font = "85px Noto Sans" ctx.fillText("Welcome back",20,213) ctx.font = "140px Noto Sans" ctx.fillText("VEXCESS",23,390) ctx.fillStyle = "white" ctx.font = "85px Noto Sans" ctx.fillText("Welcome back",13,209) ctx.font = "140px Noto Sans" ctx.fillText("VEXCESS",18,386) num_frames++; } window.setInterval(draw,1); } pro(); </script> <script type>//<script> function pro(){ let te_canvas = document.getElementById('canvas'), // tree_tex = document.getElementById('tree_tex'), ct = te_canvas.getContext('2d'); // tree_tex.style.display = "none" te_canvas.width = 600; te_canvas.height = 600; ct.fillStyle = "black" ct.font = "85px Noto Sans" ct.fillText("Welcome back",20,213) ct.font = "140px Noto Sans" ct.fillText("VEXCESS",23,390) ct.fillStyle = "white" ct.font = "85px Noto Sans" ct.fillText("Welcome back",13,209) ct.font = "140px Noto Sans" ct.fillText("VEXCESS",18,386) } pro(); </script> </body> </html> <script type> /* VEXCESS and squishy hove been un er... banana'ed XD and squishy commented on one of my programs!!!!!!!!!! @sub: */ </script>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLvlr_PVCgw
Votes	1
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
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, 1735091607722
Updated	15 days ago, 1735091607722
Source Deleted	unknown