postingan kali ini,.gimna cara background animasi awan bergerak pada blog agan,..
dan widget background animasi awan ini,..akan menambah menarik jika para pengunjung..
melihat postingan yg ada pada blog agan,..krn beda dari pada postingan background pengunjung,..
ok,.widget/animasi background awan ini,.tdk akan memperlambat loading blog agan,..
krn udah di proses dan di render langsung melalui GPU '' Graphics Processing Unit ''..
dan yg paling penting sich,..jgn lah terlalu banyak menambahkan Javascript ke dalam
postingan agan krn,akan menyusahkan blog agan sendiri,..
ok,.jgn terlalu banyak bacot deh,..yuk liat sama'' tutornya di bawah,..
<script src='http://dl.dropboxusercontent.com/u/74044634/WebGL/Cloud/Detector.js' type='text/javascript'></script>
<script id='vs' type='x-shader/x-vertex'>
varying vec2 vUv;
void main(){
vUv = uv;
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
}
</script>
<script id='fs' type='x-shader/x-fragment'>
uniform sampler2D map;
uniform vec3 fogColor;
uniform float fogNear;
uniform float fogFar;
varying vec2 vUv;
void main() {
float depth = gl_FragCoord.z / gl_FragCoord.w;
float fogFactor = smoothstep( fogNear, fogFar, depth );
gl_FragColor = texture2D( map, vUv );
gl_FragColor.w *= pow( gl_FragCoord.z, 20.0 );
gl_FragColor = mix( gl_FragColor, vec4( fogColor, gl_FragColor.w ), fogFactor );
}
</script>
<script src='http://dl.dropboxusercontent.com/u/74044634/WebGL/Cloud/CloudEffect.js' type='text/javascript'></script>
dan widget background animasi awan ini,..akan menambah menarik jika para pengunjung..
melihat postingan yg ada pada blog agan,..krn beda dari pada postingan background pengunjung,..
ok,.widget/animasi background awan ini,.tdk akan memperlambat loading blog agan,..
krn udah di proses dan di render langsung melalui GPU '' Graphics Processing Unit ''..
dan yg paling penting sich,..jgn lah terlalu banyak menambahkan Javascript ke dalam
postingan agan krn,akan menyusahkan blog agan sendiri,..
ok,.jgn terlalu banyak bacot deh,..yuk liat sama'' tutornya di bawah,..
- login akun blog agan
- klik template / design
- klik edit HTML
- cari kode ini </Body>
- dan copas kodenya di bawah ini tepat diatas kode ini </Body>
<script src='http://dl.dropboxusercontent.com/u/74044634/WebGL/Cloud/Detector.js' type='text/javascript'></script>
<script id='vs' type='x-shader/x-vertex'>
varying vec2 vUv;
void main(){
vUv = uv;
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
}
</script>
<script id='fs' type='x-shader/x-fragment'>
uniform sampler2D map;
uniform vec3 fogColor;
uniform float fogNear;
uniform float fogFar;
varying vec2 vUv;
void main() {
float depth = gl_FragCoord.z / gl_FragCoord.w;
float fogFactor = smoothstep( fogNear, fogFar, depth );
gl_FragColor = texture2D( map, vUv );
gl_FragColor.w *= pow( gl_FragCoord.z, 20.0 );
gl_FragColor = mix( gl_FragColor, vec4( fogColor, gl_FragColor.w ), fogFactor );
}
</script>
<script src='http://dl.dropboxusercontent.com/u/74044634/WebGL/Cloud/CloudEffect.js' type='text/javascript'></script>
- klik simpan / save
- terima kasih,..semoga bermanfaat,..''
Like the Post? Share with your Friends:-
.png)
:a
:b
:c
:d
:e
:f
:g
:h
:i
:j
:k
:l
:m
:n
:o
:p
:q
:r
:s
:t
keren dah ini artikelnya
BalasHapusma kasih gan,...:t
Hapus[ma]KOMENTAT TEXT MARQUEE SOBAT[/ma]
BalasHapuskren gan artikelnya..
BalasHapusmantap deh blog ni gan,...
maksih infonya gan,,../,.
sama'' jg gan....:i
Hapusitu gimana sih cara bikin orang yang naik roket lucu tau mau dong buat blog aku
BalasHapusDownload aja template nya mbak....
Hapus[im]URL GAMBAR/FOTO SOBAT[/im]
BalasHapus