Republic Day Wishing Script
Note-please paste This Code On A Post In The Html Tab Which Is Present After The Compose Tab And If Any Error Occurs Click Dismiss And Publish It But Please Choose Notable Basic Theme For Better Preview .
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>
<title>Sent Republic Day Greetings</title>
<meta name="google" value="notranslate">
<meta property="og:type" content="Make your own wonderful wish for you loved once" />
<meta property="og:title" content="Sent You a Republic Day Greetings to You" />
<meta property="og:url" content="https://republicday26j.blogspot.com/" />
<meta property="og:description" content="CLICK HERE" />
<meta property="og:site_name" content="Create Republic Day Wishes" />
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link href='https://fonts.googleapis.com/css?family=Sofia:&effect=neon' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Sofia:&effect=fire-animation' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Sofia:&effect=3d' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Sofia:&effect=anaglyph' rel='stylesheet'>
<link href="https://fonts.googleapis.com/css?family=Black+Ops+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Baloo" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Yatra+One" rel="stylesheet">
<link rel="icon" type="image/png" sizes="32x32" href="http://www.technosaurabh.in/favicon.ico">
<style>
i {
color:#f06414;
}
input[type=name], select {
width: 100%;
padding: 12px 20px;
margin: 4px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.footerbtn {
display: block;
line-height: 15px;
position: fixed;
left:0px;
bottom:0px;
height:40px;
border-radius: 15px;
box-sizing: border-box;
padding: 5px;
background:#34af23;
color: #ffffff;
font-size: 18px;
text-align: center;
text-decoration: none;
width:95%;
margin-left:10px;
margin-right:30px;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
animation: footer infinite linear 1s;
-webkit-transform: translate3d(30%,0,0);
transform: translate3d(30%,0,0);
position: fixed;
}
.footerbtn :active {
box-shadow: none
}
@-webkit-keyframes footer {
from {
-webkit-transform: rotateZ(0)
}
25% {
-webkit-transform: rotateZ(1.5deg)
}
50% {
-webkit-transform: rotateZ(0deg)
}
75% {
-webkit-transform: rotateZ(-1.5deg)
}
to {
-webkit-transform: rotateZ(0)
}}
@-webkit-keyframes jello { from, 11.1%, to { transform: none; }
22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}
.jello { -webkit-animation: jello 3s infinite; transform-origin: center; -webkit-animation-delay:6s}
@-webkit-keyframes hue {
from { -webkit-filter: hue-rotate(0deg); }
to { -webkit-filter: hue-rotate(-360deg); }}
.m1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}
.m2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;}
.bubbles {
font-family: arial;
}
.bubbles hi {
font-family: 'Luckiest Guy', cursive;
color: black;
}
hi {
font-size:2.5em;
user-select:none;
}
hi span { display:inline-block; animation:float .2s ease-in-out infinite; }
@keyframes float {
0%,100%{ transform:none; }
33%{ transform:translateY(-1px) rotate(-2deg); }
66%{ transform:translateY(1px) rotate(2deg); }
}
body:hover span { animation:bounce .6s; }
@keyframes bounce {
0%,100%{ transform:translate(0); }
25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
50%{ transform:translateY(-20px) rotate(3deg) scale(1.1); }
}
@import url(http://fonts.googleapis.com/css?family=Concert+One);
h1 {
animation:glow 10s ease-in-out infinite;
}
* { box-sizing:border-box; }
figure {
animation:wobble 5s ease-in-out infinite;
transform-origin:center center;
transform-style:preserve-3d;
}
@keyframes wobble {
0%,100%{ transform:rotate3d(1,1,0,40deg); }
25%{ transform:rotate3d(-1,1,0,40deg); }
50%{ transform:rotate3d(-1,-1,0,40deg); }
75%{ transform:rotate3d(1,-1,0,40deg); }
}
h1 {
display:block;
width:90%;
line-height:1.5;
font:900 35px 'Concert One', sans-serif;
position:absolute;
color:#fff;
}
@keyframes glow {
0%,100%{ text-shadow:0 0 30px red; }
25%{ text-shadow:0 0 30px orange; }
50%{ text-shadow:0 0 30px #cc0066; }
75%{ text-shadow:0 0 30px cyan; }
}
h1:nth-child(2){ transform:translateZ(5px); }
h1:nth-child(3){ transform:translateZ(10px);}
h1:nth-child(4){ transform:translateZ(15px); }
h1:nth-child(5){ transform:translateZ(20px); }
h1:nth-child(6){ transform:translateZ(25px); }
h1:nth-child(7){ transform:translateZ(30p.rock{animation:infinite 1s rock}
@keyframes rock { 0% { transform: rotate(-1deg); }
50% { transform: rotate(2deg); }
100% { transform: rotate(-1deg); }}x); }
h1:nth-child(8){ transform:translateZ(35px); }
h1:nth-child(9){ transform:translateZ(40px); }
h1:nth-child(10){ transform:translateZ(45px); }
.rock{animation:infinite 1s rock}
@keyframes rock { 0% { transform: rotate(-1deg); }
50% { transform: rotate(2deg); }
100% { transform: rotate(-1deg); }}
.fuck{animation:infinite 1s fuck}
@keyframes rock { 0% { transform: rotate(-2deg); }
50% { transform: rotate(2deg); }
100% { transform: rotate(-2deg); }}
h2 {
font-size: 38px;
text-align: center;
color:#008000;
animation: rock infinite 1s;
font-family: 'Indie Flower', cursive;
letter-spacing: 2px;
}
h3 {
font-size: 48px;
text-align: center;
padding:1px;
margin:1px;
color: #f06414;
aanimation: fuck infinite 1s;
font-family: 'Indie Flower', cursive;
letter-spacing: 2px;
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/11 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
#fljet {
height: 15px;
w
}
#jaihind {
color: #ff6600;
}
</style>
</head>
<body class="bg" id="bdi" style="background: linear-gradient(to bottom right, orange, white, green);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;">
<marquee class="m1" behavior="scroll" direction="up" scrolldelay="5"> <br>
<!--Left Sidebar Images Floating Goes Here-->
</marquee>
<marquee class="m2" behavior="scroll" direction="down" scrolldelay="5"><br>
<!-- Right Sidebar Floating Images Goes Here-->
</marquee>
</center>
<!------- This Website was Created by TechOn24 ------------>
<center><span style="font-size: 42px;">
<img src="https://www.technistuff.website/wp-content/uploads/2018/12/indian-flag-3104065_1280-634x1024.png" width="35px"><b>
<span style="color: #ff6600;">गणतनà¥à¤¤à¥à¤° दिवस</span>
<img src="https://www.technistuff.website/wp-content/uploads/2018/12/indian-flag-3104065_1280-634x1024.png" width="35px"></b>
</span></center>
<center>
<figure>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
var a=prompt("Please Enter Your Name\n\n👇👇👇👇👇");
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
document.write(a);
</script></h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
document.write(a);
</script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
document.write(a);
</script></h1>
</figure>
</center>
<div class="vi" style="text-align: center;">
<img src="https://www.technistuff.website/wp-content/uploads/2018/12/india-159941_1280-1024x811.png" alt="long.jpg" style="width: 100%; height:100px;">
<h2 class="font-effect-fire-animation">Wishing You</h2>
<!-----------Slideshow--------------->
<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext"></div>
<img src="https://www.technistuff.website/wp-content/uploads/2018/12/Happy-Republic-Day-980x551.png" style="width:100%; height: auto">
<div class="text"><h4>"गणतंतà¥à¤° दिवस की शà¥à¤à¤•à¤¾à¤®à¤¨à¤¾à¤à¤‚"</h4></div>
<hr>
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<!------- This Website was Created by TechOn24 ------------>
<center>
<!---------------------------- Paste Ad Code Here -------------------------------------->
</center>
<center><h1 class="font-effect-fire-animation" style="font-family: 'Black Ops One', cursive;">Jai Hind </h1></center>
<br></br>
<br></br>
<br></br>
<center>
<link href='https://fonts.googleapis.com/css?family=Aclonica:&effectfire-animation' rel='stylesheet'>
<span class="font-effect-neon" style="font-size: 16pt; font-family: 'Yatra One', cursive; color: #000000;">
आओ à¤à¥à¤• कर सलाम करे उनको, <br>
जिनके हिसà¥à¤¸à¥‡ में ये मà¥à¤•à¤¾à¤® आता है, <br>
खà¥à¤¶ नसीब होता है वो खून जो देश के काम आता है, <br>
‘हैपà¥à¤ªà¥€ रिपबà¥à¤²à¤¿à¤• डे <br>
</span>
</p>
<hr style="width=60%;" />
<span style="font-family: 'Black Ops One', cursive;"><span style="font-size: 25px; font-family: 'Black Ops One', cursive; color: #000000;">
Happy Republic Day Day!<br />
</span>
</pre>
<br />
</center>
<h5 class="" style="font-family: 'Yatra One', cursive;"> </h5>
<center>
<!---------------------------- Paste Ad Code Here -------------------------------------->
<script data-cfasync='false' type='text/javascript' src='//p334542.clksite.com/adServe/banners?tid=334542_651655_0'></script>
</center>
<p class="hny-txt">
<center><img src="https://upload.wikimedia.org/wikipedia/commons/e/e2/Rashtrapati_Bhavan_and_adjacent_buildings%2C_illuminated_for_the_Republic_Day.jpg" class="img-responsive" alt="hm2.jpg" width="92%"></center></p>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/India_geo_stub.svg/918px-India_geo_stub.svg.png" height="60px" width="60px"/>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/India_geo_stub.svg/918px-India_geo_stub.svg.png" height="60px" width="65px"/>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/India_geo_stub.svg/918px-India_geo_stub.svg.png" height="60px" width="65px"/>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/India_geo_stub.svg/918px-India_geo_stub.svg.png" height="60px" width="65px"/>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/India_geo_stub.svg/918px-India_geo_stub.svg.png" height="60px" width="65px"/>
<br>
<center>
<span class="font-effect-neon" style="font-size: 21px; font-family: 'Baloo', cursive; color: #cc0000;">
वो शमा जो काम आये अंजà¥à¤®à¤¨ के लिà¤, <br>
वो जजà¥à¤¬à¤¾ जो कà¥à¤°à¥à¤¬à¤¾à¤¨ हो जाये वतन के लिà¤, <br>
रखते है हम वो हौसले à¤à¥€ जो मर मिटे हिंदà¥à¤¸à¥à¤¤à¤¾à¤¨ के लिठ<br>
</span></p>
</center>
<div class="busi"><h1><p style="text-transform: uppercase;font-size: 26px;color:#ffffff;"> <script type="text/javascript" language="Javascript">
document.write( "by - " +a);
</script><br><br>
<a href="whatsapp://send?text= *Sent you a Republic Wishes... Send Wishes to Thers by Clicking on This Link If You Are A Real Indian share it with 10 Peoples Atleast*
*https://republicday26j.blogspot.com/*"><img src="https://www.technistuff.website/wp-content/uploads/2018/12/india-3115847_1280-300x300.png" class="swing2" class="img-responsive" alt="Share" width="auto"></a></p></h1></center>
<center>
<!---------------------------- Paste Ad Code Here -------------------------------------->
<script data-cfasync='false' type='text/javascript' src='//p334542.clksite.com/adServe/banners?tid=334542_651655_0'></script>
</center>
</div>
</div>
</div>
</div>
</body>
<center>
<a class="footerbtn" href="whatsapp://send?text= *Sent you a Republic Wishes... Send Wishes to Thers by Clicking on This Link if You are a Real Indian*
*https://republicday26j.blogspot.com/*"> <img width="25px" height="25px" src="https://i.imgur.com/fcqTtzV.png"/> <b class="hny-txt" style="font-size: 26px;">Share on Whatsapp</b> <img width="25px" height="25px" src="https://i.imgur.com/fcqTtzV.png"/></a></center>
</script>
<script>
$(document).ready(function(){var frameRate=30;var dt=1.0/frameRate;var DEG_TO_RAD=Math.PI/180;var RAD_TO_DEG=180/Math.PI;var colors=[["#df0049","#660671"],["#00e857","#005291"],["#2bebbc","#05798a"],["#ffd200","#b06c00"]];function Vector2(_x,_y){this.x=_x,this.y=_y;this.Length=function(){return Math.sqrt(this.SqrLength());}
this.SqrLength=function(){return this.x*this.x+this.y*this.y;}
this.Equals=function(_vec0,_vec1){return _vec0.x==_vec1.x&&_vec0.y==_vec1.y;}
this.Add=function(_vec){this.x+=_vec.x;this.y+=_vec.y;}
this.Sub=function(_vec){this.x-=_vec.x;this.y-=_vec.y;}
this.Div=function(_f){this.x/=_f;this.y/=_f;}
this.Mul=function(_f){this.x*=_f;this.y*=_f;}
this.Normalize=function(){var sqrLen=this.SqrLength();if(sqrLen!=0){var factor=1.0/Math.sqrt(sqrLen);this.x*=factor;this.y*=factor;}}
this.Normalized=function(){var sqrLen=this.SqrLength();if(sqrLen!=0){var factor=1.0/Math.sqrt(sqrLen);return new Vector2(this.x*factor,this.y*factor);}
return new Vector2(0,0);}}
Vector2.Lerp=function(_vec0,_vec1,_t){return new Vector2((_vec1.x-_vec0.x)*_t+_vec0.x,(_vec1.y-_vec0.y)*_t+_vec0.y);}
Vector2.Distance=function(_vec0,_vec1){return Math.sqrt(Vector2.SqrDistance(_vec0,_vec1));}
Vector2.SqrDistance=function(_vec0,_vec1){var x=_vec0.x-_vec1.x;var y=_vec0.y-_vec1.y;return(x*x+y*y+z*z);}
Vector2.Scale=function(_vec0,_vec1){return new Vector2(_vec0.x*_vec1.x,_vec0.y*_vec1.y);}
Vector2.Min=function(_vec0,_vec1){return new Vector2(Math.min(_vec0.x,_vec1.x),Math.min(_vec0.y,_vec1.y));}
Vector2.Max=function(_vec0,_vec1){return new Vector2(Math.max(_vec0.x,_vec1.x),Math.max(_vec0.y,_vec1.y));}
Vector2.ClampMagnitude=function(_vec0,_len){var vecNorm=_vec0.Normalized;return new Vector2(vecNorm.x*_len,vecNorm.y*_len);}
Vector2.Sub=function(_vec0,_vec1){return new Vector2(_vec0.x-_vec1.x,_vec0.y-_vec1.y,_vec0.z-_vec1.z);}
function EulerMass(_x,_y,_mass,_drag){this.position=new Vector2(_x,_y);this.mass=_mass;this.drag=_drag;this.force=new Vector2(0,0);this.velocity=new Vector2(0,0);this.AddForce=function(_f){this.force.Add(_f);}
this.Integrate=function(_dt){var acc=this.CurrentForce(this.position);acc.Div(this.mass);var posDelta=new Vector2(this.velocity.x,this.velocity.y);posDelta.Mul(_dt);this.position.Add(posDelta);acc.Mul(_dt);this.velocity.Add(acc);this.force=new Vector2(0,0);}
this.CurrentForce=function(_pos,_vel){var totalForce=new Vector2(this.force.x,this.force.y);var speed=this.velocity.Length();var dragVel=new Vector2(this.velocity.x,this.velocity.y);dragVel.Mul(this.drag*this.mass*speed);totalForce.Sub(dragVel);return totalForce;}}
function ConfettiPaper(_x,_y){this.pos=new Vector2(_x,_y);this.rotationSpeed=Math.random()*600+800;this.angle=DEG_TO_RAD*Math.random()*360;this.rotation=DEG_TO_RAD*Math.random()*360;this.cosA=1.0;this.size=5.0;this.oscillationSpeed=Math.random()*1.5+0.5;this.xSpeed=40.0;this.ySpeed=Math.random()*60+50.0;this.corners=new Array();this.time=Math.random();var ci=Math.round(Math.random()*(colors.length-1));this.frontColor=colors[ci][0];this.backColor=colors[ci][1];for(var i=0;i<4;i++){var dx=Math.cos(this.angle+DEG_TO_RAD*(i*90+45));var dy=Math.sin(this.angle+DEG_TO_RAD*(i*90+45));this.corners[i]=new Vector2(dx,dy);}
this.Update=function(_dt){this.time+=_dt;this.rotation+=this.rotationSpeed*_dt;this.cosA=Math.cos(DEG_TO_RAD*this.rotation);this.pos.x+=Math.cos(this.time*this.oscillationSpeed)*this.xSpeed*_dt
this.pos.y+=this.ySpeed*_dt;if(this.pos.y>ConfettiPaper.bounds.y){this.pos.x=Math.random()*ConfettiPaper.bounds.x;this.pos.y=0;}}
this.Draw=function(_g){if(this.cosA>0){_g.fillStyle=this.frontColor;}else{_g.fillStyle=this.backColor;}
_g.beginPath();_g.moveTo(this.pos.x+this.corners[0].x*this.size,this.pos.y+this.corners[0].y*this.size*this.cosA);for(var i=1;i<4;i++){_g.lineTo(this.pos.x+this.corners[i].x*this.size,this.pos.y+this.corners[i].y*this.size*this.cosA);}
_g.closePath();_g.fill();}}
ConfettiPaper.bounds=new Vector2(0,0);function ConfettiRibbon(_x,_y,_count,_dist,_thickness,_angle,_mass,_drag){this.particleDist=_dist;this.particleCount=_count;this.particleMass=_mass;this.particleDrag=_drag;this.particles=new Array();var ci=Math.round(Math.random()*(colors.length-1));this.frontColor=colors[ci][0];this.backColor=colors[ci][1];this.xOff=Math.cos(DEG_TO_RAD*_angle)*_thickness;this.yOff=Math.sin(DEG_TO_RAD*_angle)*_thickness;this.position=new Vector2(_x,_y);this.prevPosition=new Vector2(_x,_y);this.velocityInherit=Math.random()*2+4;this.time=Math.random()*100;this.oscillationSpeed=Math.random()*2+2;this.oscillationDistance=Math.random()*40+40;this.ySpeed=Math.random()*40+80;for(var i=0;i<this.particleCount;i++){this.particles[i]=new EulerMass(_x,_y-i*this.particleDist,this.particleMass,this.particleDrag);}
this.Update=function(_dt){var i=0;this.time+=_dt*this.oscillationSpeed;this.position.y+=this.ySpeed*_dt;this.position.x+=Math.cos(this.time)*this.oscillationDistance*_dt;this.particles[0].position=this.position;var dX=this.prevPosition.x-this.position.x;var dY=this.prevPosition.y-this.position.y;var delta=Math.sqrt(dX*dX+dY*dY);this.prevPosition=new Vector2(this.position.x,this.position.y);for(i=1;i<this.particleCount;i++){var dirP=Vector2.Sub(this.particles[i-1].position,this.particles[i].position);dirP.Normalize();dirP.Mul((delta/_dt)*this.velocityInherit);this.particles[i].AddForce(dirP);}
for(i=1;i<this.particleCount;i++){this.particles[i].Integrate(_dt);}
for(i=1;i<this.particleCount;i++){var rp2=new Vector2(this.particles[i].position.x,this.particles[i].position.y);rp2.Sub(this.particles[i-1].position);rp2.Normalize();rp2.Mul(this.particleDist);rp2.Add(this.particles[i-1].position);this.particles[i].position=rp2;}
if(this.position.y>ConfettiRibbon.bounds.y+this.particleDist*this.particleCount){this.Reset();}}
this.Reset=function(){this.position.y=-Math.random()*ConfettiRibbon.bounds.y;this.position.x=Math.random()*ConfettiRibbon.bounds.x;this.prevPosition=new Vector2(this.position.x,this.position.y);this.velocityInherit=Math.random()*2+4;this.time=Math.random()*100;this.oscillationSpeed=Math.random()*2.0+1.5;this.oscillationDistance=Math.random()*40+40;this.ySpeed=Math.random()*40+80;var ci=Math.round(Math.random()*(colors.length-1));this.frontColor=colors[ci][0];this.backColor=colors[ci][1];this.particles=new Array();for(var i=0;i<this.particleCount;i++){this.particles[i]=new EulerMass(this.position.x,this.position.y-i*this.particleDist,this.particleMass,this.particleDrag);}}
this.Draw=function(_g){for(var i=0;i<this.particleCount-1;i++){var p0=new Vector2(this.particles[i].position.x+this.xOff,this.particles[i].position.y+this.yOff);var p1=new Vector2(this.particles[i+1].position.x+this.xOff,this.particles[i+1].position.y+this.yOff);if(this.Side(this.particles[i].position.x,this.particles[i].position.y,this.particles[i+1].position.x,this.particles[i+1].position.y,p1.x,p1.y)<0){_g.fillStyle=this.frontColor;_g.strokeStyle=this.frontColor;}else{_g.fillStyle=this.backColor;_g.strokeStyle=this.backColor;}
if(i==0){_g.beginPath();_g.moveTo(this.particles[i].position.x,this.particles[i].position.y);_g.lineTo(this.particles[i+1].position.x,this.particles[i+1].position.y);_g.lineTo((this.particles[i+1].position.x+p1.x)*0.5,(this.particles[i+1].position.y+p1.y)*0.5);_g.closePath();_g.stroke();_g.fill();_g.beginPath();_g.moveTo(p1.x,p1.y);_g.lineTo(p0.x,p0.y);_g.lineTo((this.particles[i+1].position.x+p1.x)*0.5,(this.particles[i+1].position.y+p1.y)*0.5);_g.closePath();_g.stroke();_g.fill();}else if(i==this.particleCount-2){_g.beginPath();_g.moveTo(this.particles[i].position.x,this.particles[i].position.y);_g.lineTo(this.particles[i+1].position.x,this.particles[i+1].position.y);_g.lineTo((this.particles[i].position.x+p0.x)*0.5,(this.particles[i].position.y+p0.y)*0.5);_g.closePath();_g.stroke();_g.fill();_g.beginPath();_g.moveTo(p1.x,p1.y);_g.lineTo(p0.x,p0.y);_g.lineTo((this.particles[i].position.x+p0.x)*0.5,(this.particles[i].position.y+p0.y)*0.5);_g.closePath();_g.stroke();_g.fill();}else{_g.beginPath();_g.moveTo(this.particles[i].position.x,this.particles[i].position.y);_g.lineTo(this.particles[i+1].position.x,this.particles[i+1].position.y);_g.lineTo(p1.x,p1.y);_g.lineTo(p0.x,p0.y);_g.closePath();_g.stroke();_g.fill();}}}
this.Side=function(x1,y1,x2,y2,x3,y3){return((x1-x2)*(y3-y2)-(y1-y2)*(x3-x2));}}
ConfettiRibbon.bounds=new Vector2(0,0);confetti={};confetti.Context=function(parent){var i=0;var canvasParent=document.getElementById(parent);var canvas=document.createElement('canvas');canvas.width=canvasParent.offsetWidth;canvas.height=canvasParent.offsetHeight;canvasParent.appendChild(canvas);var context=canvas.getContext('2d');var interval=null;var confettiRibbonCount=0;var rpCount=15;var rpDist=8.0;var rpThick=8.0;var confettiRibbons=new Array();ConfettiRibbon.bounds=new Vector2(canvas.width,canvas.height);for(i=0;i<confettiRibbonCount;i++){confettiRibbons[i]=new ConfettiRibbon(Math.random()*canvas.width,-Math.random()*canvas.height*2,rpCount,rpDist,rpThick,45,1,0.05);}
var confettiPaperCount=30;var confettiPapers=new Array();ConfettiPaper.bounds=new Vector2(canvas.width,canvas.height);for(i=0;i<confettiPaperCount;i++){confettiPapers[i]=new ConfettiPaper(Math.random()*canvas.width,Math.random()*canvas.height);}
this.resize=function(){canvas.width=canvasParent.offsetWidth;canvas.height=canvasParent.offsetHeight;ConfettiPaper.bounds=new Vector2(canvas.width,canvas.height);ConfettiRibbon.bounds=new Vector2(canvas.width,canvas.height);}
this.start=function(){this.stop()
var context=this
this.interval=setInterval(function(){confetti.update();},1000.0/frameRate)}
this.stop=function(){clearInterval(this.interval);}
this.update=function(){var i=0;context.clearRect(0,0,canvas.width,canvas.height);for(i=0;i<confettiPaperCount;i++){confettiPapers[i].Update(dt);confettiPapers[i].Draw(context);}
for(i=0;i<confettiRibbonCount;i++){confettiRibbons[i].Update(dt);confettiRibbons[i].Draw(context);}}}
var confetti=new confetti.Context('confetti');confetti.start();$(window).resize(function(){confetti.resize();});});
</script>
<!--doodle script-->
<script>
var doodle=(function(){Function.prototype.bind=Function.prototype.bind||function(fixThis){var func=this
return function(){return func.apply(fixThis,arguments)}}
var DEBUG=false;var _l=function(obj){DEBUG&&console&&console.log&&console.log(obj)}
var html=document.documentElement;var requestAnimationFrame=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(func){setTimeout(func,17);};var
PI_half=Math.PI/2,resources={};var Stage=function(canvas){this.canvas=canvas;this.ctx=canvas.getContext('2d');this.objects=[];this.restart_timeout=1000;this.paused=false;this.destroyed=false;return this;};var fps=0,now,lastUpdate=(new Date)*1-1;var fpsFilter=50;var set_fps=function(){var thisFrameFPS=1000/((now=new Date)-lastUpdate);fps+=(thisFrameFPS-fps)/fpsFilter;lastUpdate=now;}
Stage.prototype.frame=function(){if(this.destroyed){return;}
this.ctx.clearRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height)
for(var i in this.objects){if(this.objects[i].destroyed==true){this.objects.splice(i,1)}else{this.objects[i].tick(this.ctx)}}
if(this.objects.length==0){var self=this
setTimeout(function(){_l("restarting in "+self.restart_timeout)
self.setup();self.frame();},this.restart_timeout);}else if(!this.paused){requestAnimationFrame(this.frame.bind(this))}};Stage.prototype.setup=function(){this.objects.push(getRandomFormation(this));};Stage.prototype.destroy=function(){this.destroyed=true;this.objects=[];}
var Formation=function(x,y){this.x=x;this.y=y;this.planes=[];};Formation.prototype.addPlane=function(formation_x,formation_y,color){var plane_x=this.x+formation_x,plane_y=this.y+formation_y;var plane=new JetPlane(resources.jet_img,plane_x,plane_y,color,formation_x,formation_y);this.planes.push(plane);return plane;};Formation.prototype.travelTo=function(x,y,v){var f_plane;for(var i in this.planes){f_plane=this.planes[i];f_plane.travelTo(f_plane.formation_x+x,f_plane.formation_y+y,v)}};Formation.prototype.tick=function(ctx){for(var i in this.planes){if(this.planes[i].destroyed){_l("deleting plane "+i)
this.planes.splice(i,1);}else{this.planes[i].tick(ctx);}}
if(this.planes.length==0){this.destroy();}};Formation.prototype.destroy=function(){this.destroyed=true;};var getRandomFormation=function(stage){var y_to_zero=Math.random()>0.5?true:false
var init_y=y_to_zero?stage.ctx.canvas.height:10+(stage.ctx.canvas.height-10)*Math.random();var init_x=y_to_zero?(stage.ctx.canvas.width/2-10)*Math.random():10;_l("starting from:"+init_x+" ,"+init_y);var formation=new Formation(init_x,init_y);formation.addPlane(0,0,"255, 153, 51");formation.addPlane(50,-50,"222, 222, 222");formation.addPlane(100,0,"0, 128, 0");var target_y=stage.ctx.canvas.height-init_y;var target_x=stage.ctx.canvas.width-init_x;formation.travelTo(target_x,target_y,3+3*Math.random());return formation;};var JetPlane=function(img,initX,initY,smoke_rgb,formation_x,formation_y){this.img=img
this.x=initX;this.y=initY;this.formation_x=formation_x;this.formation_y=formation_y
this.smoke_particles_list=[];this.smoke_rgb=smoke_rgb;this.destroy_plane=false;this.pather=new PathMaker();return this;};JetPlane.prototype.draw=function(ctx){ctx.save();var angle=Math.atan(this.pather.slope)+PI_half;ctx.translate(this.x,this.y);ctx.rotate(angle)
ctx.drawImage(this.img,0,0);ctx.restore();for(var i in this.smoke_particles_list){if(this.smoke_particles_list[i].destroyed==true){this.smoke_particles_list.splice(i,1);}else{this.smoke_particles_list[i].draw(ctx);}}}
JetPlane.prototype.travelTo=function(_x,_y,v){this.pather.createPath(this.x,this.y,_x,_y,v);}
JetPlane.prototype.tick=function(ctx){this.pather.move();var angle=Math.atan(this.pather.slope)+PI_half;var adj_x=-this.formation_x+this.formation_x*Math.cos(angle)-this.formation_y*Math.sin(angle);var adj_y=-this.formation_y+this.formation_x*Math.sin(angle)+this.formation_y*Math.cos(angle);this.x=this.pather.x+adj_x;this.y=this.pather.y+adj_y;if(this.smoke_particles_list.length<100&&!this.destroy_plane){var delta_x=(11+2*Math.random())*Math.cos(angle)-(29+4*Math.random())*Math.sin(angle);var delta_y=(11+2*Math.random())*Math.sin(angle)+(29+4*Math.random())*Math.cos(angle);var smoke_particle=new SmokeParticle(this.x+delta_x,this.y+delta_y,this.smoke_rgb)
this.smoke_particles_list.push(smoke_particle);}
this.draw(ctx);var bbw=50;if(this.x>ctx.canvas.width+bbw||this.y>ctx.canvas.height+bbw||this.x<0-bbw||this.y<0-bbw){this.destroy_plane=true;}else{this.destroy_plane=false;}
if(this.destroy_plane&&this.smoke_particles_list.length==0){this.destroy()}};JetPlane.prototype.destroy=function(){this.destroyed=true;}
var PathMaker=function(){this.speed=2.5;this.slope=null
this.x=0;this.y=0;this.delta_x=0;this.delta_y=0;};PathMaker.prototype.createPath=function(x1,y1,x2,y2,v){this.x=x1;this.y=y1;this.delta_x=x2-x1;this.delta_y=y2-y1;this.slope=this.delta_y/this.delta_x;this.speed=v;}
PathMaker.prototype.setSpeed=function(v){this.speed=v;}
PathMaker.prototype.move=function(){this.x=this.x+Math.cos(Math.atan(this.slope))*this.speed;this.y=this.y+Math.sin(Math.atan(this.slope))*this.speed;}
var SmokeParticle=function(paramX,paramY,rgb){this.x=paramX;this.y=paramY;this.opacity=0.5
this.radius=2+Math.random();this.rgb=rgb;};SmokeParticle.prototype.draw=function(ctx){ctx.save();ctx.beginPath();ctx.fillStyle='rgba('+this.rgb+','+this.opacity+')';ctx.shadowColor='rgba('+this.rgb+',1)';ctx.arc(this.x,this.y,this.radius,0,Math.PI*2,true);ctx.fill();this.radius=this.radius+0.05;this.opacity=this.opacity-0.005;if(this.opacity<=0){this.destroyed=true;};ctx.restore();};var stage;var init=function(jet_img_src){var canvas=document.createElement('canvas');canvas.id="canvas_doodle";canvas.height=window.innerHeight||html.clientHeight;canvas.width=window.innerWidth||html.clientWidth;var canvasStyle=canvas.style;canvasStyle.position='fixed';canvasStyle.top=0;canvasStyle.left=0;canvasStyle.zIndex=1138;canvasStyle['pointerEvents']='none';document.body.appendChild(canvas);stage=new Stage(canvas);resources.jet_img=new Image();resources.jet_img.src=jet_img_src;resources.jet_img.onload=function(){stage.setup();requestAnimationFrame(stage.frame.bind(stage))}};var destroy=function(){stage.destroy();setTimeout(function(){document.body.removeChild(document.getElementById("canvas_doodle"));},50);delete stage;}
return{"init":init,"destroy":destroy}})();
</script>
<script type="text/javascript" id="fljet">
doodle.init("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhplFxoFZA7HoCyDDICkRRWD2jvwWM5CQgTpwUQWAYJW_bIg9FAG4oEWFyIsB-w7WKFolZUKoTUmsHjWEYKd-k6_M8Xfz2_q7AKsU6OPSbw6wMZuUAZR7l37yUIV-3gpG8nQSsoz7fpCvv8/s1600/imageedit_1_3799019746.png");
</script>
<!--By Incoupdate.blogspot.com creator-shivam kumar-->
</html>
Comments
Post a Comment