• Curseur a pluie d'étoiles


    Jeudi 10 Avril 2014 à 13:14
    minouchapassion

    Bonjour Cély,

     

    je te remercie , tout ce que tu m'as écrit je l'ai fait, par contre peut-être oubliez un trait ça peux arriver ,  bonne journée Amitié

    Mardi 18 Novembre 2014 à 18:26
    Nayilie

    Bonsoir x)

    Je suis vraiment chiante ce soir :')

    Bon voilà j'ai fait le long code pour la pluie d'étoile j'ai cru que j'y arriverais jamais MAIS (oui oui il en faut un...) le soucis la pluie est en violette alors que je voulais rouge x( Pourtant j'ai marquée rouge je comprends pas x) J'ai fait une connerie ? Voici le code si vous pouvez m'aider :') 

    <script type="text/javascript">// <![CDATA[
    var colour="#000000";
    var sparkles=50;
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();
    window.onload=function() { if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
    }
    set_width();
    sparkle();
    }}
    function sparkle() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;
    }
    }
    for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
    }
    setTimeout("sparkle()", 40);
    }
    function update_star(i) {
    if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";
    }
    else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;
    }
    }
    else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
    }
    }
    function update_tiny(i) {
    if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
    }
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
    tiny[i].style.top=tinyy[i]+"px";
    tinyx[i]+=(i%5-2)/5;
    tiny[i].style.left=tinyx[i]+"px";
    }
    else {
    tiny[i].style.visibility="hidden";
    tinyv[i]=0;
    return;
    }
    }
    else tiny[i].style.visibility="hidden";
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sdown;
    x=(e)?e.pageX:event.x+sleft;
    }
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (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;
    }
    }
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height+"px";
    div.style.width=width+"px";
    div.style.overflow="hidden";
    div.style.backgroundColor=colour;
    return (div);
    }
    // ]] ></script>

     

     

    Les 0 je les aient mis par #rouge puis je me suis dit comme c'était des numéro alors j'ai mis #f90509 (pour du rouge vif) donc je sais pas où est l'erreur et pourquoi c'est violet foncé et non rouge :/

     

    Merci à vous x(

     

    Mardi 18 Novembre 2014 à 18:51
    C.Kinou

    Au lieu de mettre tout le script, dans la source, colle plutôt ceci (indiqué en début de fil), tu remplaces le code couleur par celle de ton choix, mais en anglais

    <script type="text/javascript">
    var macouleur="white"
    </script>
    <script src="http://ekladata.com/anWiitTC4dg8SbPUXtuLYnmNK8s/pluie.js"
    type="text/javascript"></script>
     

    Donc, à la place de white, si tu veux du rouge; tu mets red.

    Mardi 18 Novembre 2014 à 19:04
    Nayilie

    Bonsoir j'ai recopier ton code C.kinou mais c'est pareil j'ai la pluie mais violette alors que je veux rouge x( j'y arriverais pas décidément x)

    Mardi 18 Novembre 2014 à 19:33
    C.Kinou

    Je ne vois pas du tout le code que je t'ai donné, mais ceci

    <script type="text/javascript">// <![CDATA[
    var colour="#808";
    var sparkles=50;
    /****************************
    * Tinkerbell Magic Sparkle *
    * (c) 2005 mf2fm wesign *
    * http://www.mf2fm.co.uk/rv *
    * DON'T EDIT BELOW THIS BOX *
    * topcode adapté *
    ****************************/
    etc.....

    Couleur 808, sais pas ce que c'est, mais si tu veux du rouge il vaut mieux F00000 ou F40000.

    Mardi 18 Novembre 2014 à 21:01
    Nayilie

    Merci c'est bien F00000 (en faite j'ai été bête j'ai oublier où j'avais mis le code XD mais il était dans un article merci !) c'est tout joli maintenant ^^ Par contre une dernière question, c'est normal que la pluie d'étoile s'arrête au bout d'un moment ? 

     

    Merci bien ^^

    Mardi 18 Novembre 2014 à 22:47
    C.Kinou

    Normalement ça ne s'arrête pas, mais parfois avec Internet explorer, elle a des ratés.
    Il peut aussi  y avoir interférence avec d'autres scripts.

    Mardi 18 Novembre 2014 à 23:25
    Nayilie

    J'utilise google chrome pas explorer x)

    Mardi 18 Novembre 2014 à 23:25
    C.Kinou

    Elle est dans quel article ?

    Mercredi 19 Novembre 2014 à 00:58
    Nayilie

    Le premier "L'Antre de NekoiProject" celui de bienvenue ^^




    Vous devez être membre pour poster un message.