Publicidad

{Tutorial} Clic kawaii~!


Hola :3 Estoy muy feliz... mi profe de música me cayó superbien, {Ya... las clases empezaron hace dos semanas y todavía no lo conocía xD}en el proyecto manga ya hemos creado algunos personajes y mañana es jueves! quedará un día para el viernes xD Ahora un tutorial que me pidió Lady Magenta.




Este tutorial trata sobre los destellitos al hacer clic que tenía en la plantilla anterior. Verlo en este blog! En realidad el tutorial es para destellitos de muchos colores {El tutorial lo encontré en un blog portugués.... Pero como no me acuerdo de la url de la página... :/} Antes de </head> ponemos:

<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('código de color', 'código de color', 'código de color', 'código de color', 'código de color',);
/****************************
* Clicksplosion Effect *
* (c) 2012 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;
function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}
addLoadEvent(clicksplode);
function clicksplode() { if (document.getElementById) {
var i, j;
window.onscroll=set_scroll;
window.onresize=set_width;
document.onclick=eksplode;
set_width();
set_scroll();
for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
stars[j]=createDiv('*', 13);
document.body.appendChild(stars[j]);
}
}}
function createDiv(char, size) {
var div, sty;
div=document.createElement('div');
sty=div.style;
sty.font=size+'px monospace';
sty.position='absolute';
sty.backgroundColor='transparent';
sty.visibility='hidden';
sty.zIndex='101';
div.appendChild(document.createTextNode(char));
return (div);
}
function bang(N) {
var i, Z, A=0;
for (i=sparks*N; i<sparks*(N+1); i++) {
if (decay[i]) {
Z=stars[i].style;
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity[N]);
if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
else {
Z.left=Xpos[i]+'px';
Z.top=Ypos[i]+'px';
}
if (decay[i]==15) Z.fontSize='7px';
else if (decay[i]==7) Z.fontSize='2px';
else if (decay[i]==1) Z.visibility='hidden';
decay[i]--;
}
else A++;
}
if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}
function eksplode(e) {
var x, y, i, M, Z, N;
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
N=++count%bangs;
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*sparks; i<(N+1)*sparks; i++) {
Xpos[i]=x;
Ypos[i]=y-5;
dY[i]=(Math.random()-0.5)*intensity[N];
dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
decay[i]=16+Math.floor(Math.random()*16);
Z=stars[i].style;
if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
else if (M<2*colours.length) Z.color=colours[count%colours.length];
else Z.color=colours[i%colours.length];
Z.fontSize='13px';
Z.visibility='visible';
}
clearTimeout(timers[N]);
bang(N);
}
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min-7;
shigh=sh_min-7;
}
function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
// ]]>
</script>

Donde pone codigo de color debes poner... el código html del color que quieres. Por cierto me dio un premio muy kawaii lady magenta http://godsavethemagenta-desu.blogspot.com.es :3 Siempre me dan y nos los publicos porque soy muy vago pero esta vez sí porque estoy de humor xd


Reglas
Decir 3 cosas sobre ti.
Responder las 7 preguntas que te harán.
Nominar a 4 o 5 personas [mínimo]
Hacer 7 nuevas preguntas para tus nominados.

¿Ready?

7 Preguntas:

- ¿Para ti cómo sería un mundo perfecto? 

Sería un mundo en el que domina el mal! el anime y el manga. Y con muchas cosas extrañas (?)

- ¿Te creíste eso de que en 2013 se acababa el mundo? ¿Aunque sea un poquito? ¿Hiciste alguna estupidez por eso?

Pues no me lo creí, pero fingia que me lo creía así la gente sabría que creía pero en el fondo no creía... osea no xD Y no hice ninguna estupidez excepto hacer el cangman style... No pregunten...

- ¿Sabes cocinar? ¿Qué comida? ¿Queda rico? (PD: envíale un poco a Lady Magenta♥)

Mmmm no se cocinar pero me gustaría... si alguna vez cocino te envio algo xD

- ¿Con qué personaje de anime te casarías y tendrías un cursi final feliz tipo manga shoujo?

Pues con Saeko de H.O.T.D {la del pelo lila} porque tiene... bueno todos sabemos xD

- Si alguien en la calle te ofrece dulces ¿que harías?

Pues... ¿Sabe a fruta?

- ¿Tsundere, Yandere, Kuudere o Dandere?

Yandere!

- ¿Profesor más anormal que te ha dado clases?

Mi profe de Lengua de este año... en medio de clase nos hablo de una adición a comer excrementos y la clase se quedo como...


 ¿Qué nos está diciendo esta? ¿WTF? No voy a poder comer más D= ¡Quemenla! <- esto lo dije yo :3

Esto es todo, un saludo muy... normal (?)

12 comentarios:

  1. waaaaa yo quiero hacer este tuto pero no se como ponerlo en plantilla clasica oooohh fail XDDDDDD felicidades por tu premio amigo bien merecido lo tienes!!! :3 por sierto ¿como va mi plantilla XD? ah mi correo es sakusekai@gmail.com :3

    ResponderEliminar
  2. Oh buen tuto*^* lastima que no lo pueda usar ;---; Por cierto..habeis cambiado el diseño del blog owo? Me gusta XD

    ResponderEliminar
  3. Ese tuto lo estaba buscando ^w^ Gracias por traerlo!! A lo mejor lo pongo . Ese profe tuyo necesita un psicólogo para que no traumatice a sus alumnos XDD Yo tengo una gran lista de profes idiotas (que recuerdos >.<)
    Jeje un saludo Luis!
    PD: Gracias x ser mi seguidor número 25!!!!!

    ResponderEliminar
  4. A MI TAMBIÉN ME GUSTA EL DE MÚSICA :D ! Es bastante majo, y .. DIOS MIO QUIEN ES EL @#~//X**## QUE TE DA LENGUA? ._. *muere*

    ResponderEliminar
  5. Un tutorial muy curioso, nunca lo había visto :)

    ResponderEliminar
  6. jajaja me gusto tus redpuestas xD y gracias por el tuto

    ResponderEliminar
  7. jajja gracias por la tuto..y eso del profe me mato.buenas respuestas!
    slaudos

    ResponderEliminar
  8. KYAAAAAA♥ muchas, muchas gracias \(>w<)/ (por tercera vez ahdbsajbdja) tendré el cursor mas anormagenialoso del mundo mundoso *-*, güiiiii~ *salta emocionada* te adoramaré por siempre >w< *sigue saltando*.
    PD: me gusta tu mundo perfecto owó)b.
    PD2: ¿team yandere? o.o, chócala(? o/ hadbajsaj
    CUÍDATEEEEE~ gracias de nuevo~ CHU!

    ResponderEliminar
  9. muy buen tuto, muchas gracias por este y muchas felicidades por el premio! ^^

    ResponderEliminar
  10. Hola! Tanto tiempo! Cómo estás?
    Felicitaciones por el premio!! Realmente te lo mereces!
    Besos.

    ResponderEliminar
  11. Gracias por el tuto... intentando aplicar en la plantilla!

    Se agradece :3

    ResponderEliminar

Hola, puedes dejar tu comentario limpio de insultos y spam. Te dejo algunos emoticonos para que copies y pegues:

o(*-*)o (ºωº) (≧∇≦) (>o<)ノ (TTnTT) (omo)