Goku flying the whole day

Developer
Omar Hassane
Size
2,687 Kb
Views
10,120
  1. Goku flying the whole day Previews
  2. Goku flying the whole day HTML Codes
  3. Goku flying the whole day CSS Codes
  4. Goku flying the whole day JS Codes

How do I make an goku flying the whole day?

What is a goku flying the whole day? How do you make a goku flying the whole day? This script and codes were developed by Omar Hassane on 21 January 2023, Saturday.

Goku flying the whole day Previews
IQ Test

Goku flying the whole day - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Goku flying the whole day </title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<img src="http://orig03.deviantart.net/1a43/f/2013/004/0/9/goku_flying_by_tucker45855-d5qg3gj.gif" /> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Goku flying the whole day - Script Codes CSS Codes

canvas { background: linear-gradient(#29d 0%, #8df 50%, #696 50%, #3a3); display: block;
}
h1 { color: #fff; font: bold 30px/30px helvetica, arial, sans-serif; position: absolute; left: 20px; text-shadow: 0 2px 0 rgba(0, 0, 0, .3); top: 20px;
}
img{ position:absolute ; margin:50px;
}
body { background: #000;
}
#smk { height: 1000px; width: 1000px;
}

Goku flying the whole day - Script Codes JS Codes

window.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1E3/60)}}();
var c = document.createElement('canvas'),
ctx = c.getContext('2d'),
cw = c.width = window.innerWidth,
ch = c.height = window.innerHeight,
pi2 = Math.PI * 2,
rand = function(a,b){return ~~((Math.random()*(b-a+1))+a);},
things = [],
thingCount = 100,
Thing = function(i){ this.vx = -(rand(10, 10000)/1000); this.vy = 0; this.x = rand(0, cw); this.y = ch/2 - Math.abs(this.vx)*8; this.radius = Math.abs(this.vx*3); this.hue = 0; this.saturation = 0; this.lightness = 100; this.alpha = .65;
}
Thing.prototype = { update: function(){ this.x += this.vx; this.y += this.vy; if(this.x - this.radius > cw){ this.x = -this.radius; } if(this.y - this.radius > ch){ this.y = -this.radius; } if(this.x + this.radius < 0){ this.x = cw + this.radius; } if(this.y + this.radius < 0){ this.y = ch + this.radius; } }, render: function(){ ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, pi2, false); ctx.fillStyle = 'hsla('+this.hue+', '+this.saturation+'%, '+this.lightness+'%, '+this.alpha+')'; ctx.fill(); ctx.save(); ctx.translate(this.x, this.y); ctx.scale(1, .25); ctx.beginPath(); ctx.arc(0, -this.vx*50, this.radius, 0, pi2, false); ctx.fillStyle = 'hsla('+this.hue+', '+this.saturation+'%, 0%, '+this.alpha/8+')'; ctx.fill(); ctx.restore(); }
}
var updateThings = function(){	var i = things.length; while(i--){	things[i].update(); }
}
var renderThings = function(){ var i = things.length; while(i--){	things[i].render(); }
}
var loop = function(){ requestAnimFrame(loop, c); ctx.clearRect(0, 0, cw, ch); updateThings(); renderThings();
}
for(var i = 0; i < thingCount; i++){ things.push(new Thing(i));
}
document.body.appendChild(c);
loop();
setTimeout(function(){ $("canvas").css("background","linear-gradient(#8E3700 0%, #8df 50%, #696 50%, #3a3)")
},2000);
setTimeout(function(){ $("canvas").css("background","linear-gradient(#3B1700 0%, #8df 50%, #696 50%, #3a3)")
},4000);
setTimeout(function(){ $("canvas").css("background","linear-gradient(#0C0700 0%, #3B1700 50%, #035F09 50%, #004705)")
},6000);
Goku flying the whole day - Script Codes
Goku flying the whole day - Script Codes
Home Page Home
Developer Omar Hassane
Username omodev
Uploaded January 21, 2023
Rating 3
Size 2,687 Kb
Views 10,120
Do you need developer help for Goku flying the whole day?

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!

Omar Hassane (omodev) Script Codes
Name
Svg exercises
Cv
TODO
Mini-projet
Svg sky
Quote-generator
Homepage
D3 liquid visualisation
Errachidia-Morocco
My portfolio
Create amazing love letters 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!