Belajar Deface
-
Upload
usman-idris -
Category
Documents
-
view
243 -
download
7
Transcript of 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
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
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>
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;