Belajar Deface

4
8/10/2019 Belajar Deface http://slidepdf.com/reader/full/belajar-deface 1/4 Hey guys! kali ini saya mau ajarkan kamu cara membuat Script Deface Menjadi lebih keren dengan Efek Java Script Dan CSS langsung aja ya! <title>Judulnya</title> <html> <head> <body> ~~~ Isi Dari Body Atau isi dari Info kamu atau pun hacked2 nya :v <center><FONT COLOR="white"><FONT SIZE=6>This Site Has Been Hacked by MrTieDie</center> <center><FONT COLOR="red"><FONT SIZE=6>[email protected]</center> <center><a href='http://www.Google.co.id/'>JokerTeamChild</a> ~~ Link </body> </html> <script type="text/javascript"> Isi Script Java Script </script> <style type="text/css"> Isi Cssnya </style> Berikut contoh script Defacenya, akan jadi seperti yang di atas <title>Hacked by MrTieDie</title> <html> <head> <canvas id=c width=600 height=400></canvas> <body> <center><FONT COLOR="white"><FONT SIZE=6>This Site Has Been Hacked by MrTieDie</center> <center><FONT COLOR="red"><FONT SIZE=6>[email protected]</center> <center><a href='http://www.Google.co.id/'>JokerTeamChild</a> </body> </html> <script type="text/javascript"> canvas = document.getElementById('c') ctx = canvas.getContext('2d') ctx.globalCompositeOperation = 'lighter' var resize = function(){ ctx.canvas.width = window.innerWidth ctx.canvas.height = window.innerHeight

Transcript of Belajar Deface

Page 1: Belajar Deface

8/10/2019 Belajar Deface

http://slidepdf.com/reader/full/belajar-deface 1/4

Hey guys!

kali ini saya mau ajarkan kamu cara membuat Script Deface Menjadi lebih keren dengan Efek Java

Script Dan CSS

langsung aja ya!

<title>Judulnya</title>

<html>

<head>

<body>

~~~ Isi Dari Body Atau isi dari Info kamu atau pun hacked2 nya :v

<center><FONT COLOR="white"><FONT SIZE=6>This Site Has Been Hacked by

MrTieDie</center>

<center><FONT COLOR="red"><FONT SIZE=6>[email protected]</center>

<center><a href='http://www.Google.co.id/'>JokerTeamChild</a> ~~ Link

</body></html>

<script type="text/javascript">

Isi Script Java Script

</script>

<style type="text/css">

Isi Cssnya

</style>

Berikut contoh script Defacenya, akan jadi seperti yang di atas

<title>Hacked by MrTieDie</title><html>

<head>

<canvas id=c width=600 height=400></canvas>

<body>

<center><FONT COLOR="white"><FONT SIZE=6>This Site Has Been Hacked by

MrTieDie</center>

<center><FONT COLOR="red"><FONT SIZE=6>[email protected]</center>

<center><a href='http://www.Google.co.id/'>JokerTeamChild</a>

</body>

</html>

<script type="text/javascript">canvas = document.getElementById('c')

ctx = canvas.getContext('2d')

ctx.globalCompositeOperation = 'lighter'

var resize = function(){

ctx.canvas.width = window.innerWidth

ctx.canvas.height = window.innerHeight

Page 2: Belajar Deface

8/10/2019 Belajar Deface

http://slidepdf.com/reader/full/belajar-deface 2/4

}

resize()

window.addEventListener('resize',resize)

Particle =

function(opacity,oFade,size,sFade,innerSizeFactor,x,ySpeed,ySpeedFade,xSpeed,xSpeedFade){this.d = false

this.o = opacity

this.oF = oFade

this.s = size

this.sF = sFade

this.iSF = innerSizeFactor

this.iS = this.s*this.iSF

this.x = x

this.xS = xSpeed

this.xSF = xSpeedFade

this.yS = ySpeedthis.ySF = ySpeedFade

this.y = -50

}

Particle.prototype.update = function(){

if(this.d == false){

var o = this.o-this.oF*dt

if(o<0){this.d = true}else{this.o=o}

var s = this.s-this.sF*dt

if(s<0){this.d = true}else{this.s=s}

this.iS -= this.sF*this.iSF*dt

this.yS -= this.ySF*dt

this.xS -= this.xSF*dt

this.x += this.xS*dt

this.y += this.yS*dt

}

}

Particle.prototype.draw = function(){

if(this.d == false){ctx.setTransform(1,0,0,1,this.x,this.y)

var grd = ctx.createRadialGradient(this.s,this.s,this.iS,this.s,this.s,this.s)

ctx.globalAlpha = this.o

grd.addColorStop(0,'#fff')

grd.addColorStop(1,'rgba(255,255,255,0)')

ctx.fillStyle=grd

Page 3: Belajar Deface

8/10/2019 Belajar Deface

http://slidepdf.com/reader/full/belajar-deface 3/4

  ctx.fillRect(0,0,this.s*2,this.s*2)

}

}

window.requestAnimationFrame = window.requestAnimationFrame ||

window.mozRequestAnimationFrame ||window.webkitRequestAnimationFrame || window.msRequestAnimationFrame

var t,dt,to,

particles = [],

n = 0

loop = function(){

n += 1

t = performance.now()

dt = t-to

to = t

dt*=2

for(var i=0;i<canvas.width/200;i++){

particles.push(new

Particle(Math.random()*0.3+0.01,Math.random()*0.0001,Math.random()*10+5,Math.random()*0.003

+0.002,Math.random()*0.5,Math.random()*canvas.width,Math.random()*0.1+0.05,Math.random()*0.0

0001,Math.random()*-0.1,Math.random()*0.00006-0.00003))

}

while(particles.length > 2000){particles.shift()}

ctx.setTransform(1,0,0,1,0,0)

ctx.clearRect(0,0,canvas.width,canvas.height)

for(var i=0;i < particles.length;i++){

particles[i].draw()

}

for(var i=0;i < particles.length;i++){

particles[i].update()

}

window.requestAnimationFrame(loop)

}

to = performance.now()

window.requestAnimationFrame(loop)

</script>

Page 4: Belajar Deface

8/10/2019 Belajar Deface

http://slidepdf.com/reader/full/belajar-deface 4/4

<style type="text/css">

body,html{

background: #000;

margin: 0;

padding: 0;

height: 100%;}

#c{

position: fixed;

width: 100%;

height: 100%;

}

</style>

<style type="text/css">

body {

background: radial-gradient(#fff 0%,transparent 70%,#000 100%), linear-gradient(#000

0%,transparent 10%,#4b110b 100%),linear-gradient(45deg,#d25449 0%,transparent 10%,#4b110b100%);

background-size:100% 800px,20px 20px,20px 20px;

animation: myanim 1s linear infinite;

}

@keyframes myanim

{50%{background: radial-gradient(#fff 0%,transparent 70%,#000 100%), linear-gradient(#000

0%,transparent 10%,#4b110b 100%), linear-gradient(45deg,#d25449 0%,transparent 10%,#4b110b

100%), #d25449;

background-position:0 0,0 0,0 0;