Republic Day 2019 Whatsapp Viral Script

Republic Day 2019 Whatsapp Viral Script



-->
<html>
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M9HD2VW');</script>
<!-- End Google Tag Manager -->
<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://YourSite.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 Lekh Narayan Tandekar ------------>
<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 Lekh Narayan Tandekar ------------>

 <center>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ltandekar_top-ad_AdSense7_1x1_as -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9208229437579994"
     data-ad-slot="9237260840"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </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>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ltandekar_top-ad_AdSense7_1x1_as -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9208229437579994"
     data-ad-slot="9237260840"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</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*
👉 *Youe Site Link.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>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ltandekar_top-ad_AdSense7_1x1_as -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9208229437579994"
     data-ad-slot="9237260840"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</center> 

</div>
        </div>
      
            </div>
        </div>
 </body>

 <center>
   <a class="footerbtn" href="whatsapp://send?text= 🇮🇳  *Click on This Link & Enter Name to Send Republic Day Wishes*
👉 *https://www.omshreeinfotech.com/viral-whatsapp-wishes/happy-republic-day*"><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://4.bp.blogspot.com/-LDUVR0qRrSE/XAo2d_Zk06I/AAAAAAAAA8c/5v5lOWu-T28oXfJk1yai2WorGWx7ossuQCLcBGAs/s1600/imageedit_1_3799019746.png");
</script>



</html>  


Click For Demo

Share:

Support