OWB et javascript

15 sujets de 46 à 60 (sur un total de 85)

  • sayasupacrew

    • Messages : 4080
    #126264

    Merci polymere que tu vienne ici mettre tes idées. (j’ai en projet de faire la page en 3/4)

    Ben, j’ai pas eu di’idée fondatrice, j’ai tout simplement repris un Javascript (sur un forum qui parlant de ce script de la balle rebondissante) puis a des positions précises, j’ai donné une direction voulue, et ceci a chaque changement, je pourrais aussi mettre a chaque passage de la grenouille sur les pièces, programmé leurs enlèvement.

    Zord m’as aidé sur le temps de pose de l’animal et Rahow m’as donné ce liens sur shadow of the beast, on peut memes bougé le personnage.

    Shadow of the beast

    source de la grenouille

    la fonction quote ne fonctionne pas et code est pas terrible

    powermetal

    • Messages : 68
    #126265

    c’est pas comme cela que tu gereras des deplacements de ton personnage dans le parcours.

    Il faut que tu crées un tableau (array) qui ressemble a ton parcours avec par exemple ce qui corresponds au vide,tu mets les cases a zero,la terre en 1,le personnage en 4,enfin en ce que tu veux.

    et avec des conditions tu deplaces cette case 4 (personnage) vers la gauche si la case a gauche est a 0

    grace a ce « monde parrallèle »,qui est je crois le seul moyen de gérer les collisions en java script dans un parcours « potable » :-D

    il y a de nombreux exemples sur le net……

    sayasupacrew

    • Messages : 4080
    #126266

    Merci powermental de me guidé dans ce sens, j’avais fais cela en basic avec l’instruction DIM(x,y) ‘tableau a intersection.

    Je t’avoue que je serais content si la grenouille ce deplacerais comme dans le jeu sur cette page html.

    Saya

    sayasupacrew

    • Messages : 4080
    #126267

    Pour l’instant je vais me familliarisé avec le JS donc je met de côtés le site au format 3/4 et le tableau en format a intersection.

    Deux points on été apportés à la grenouille, sa position off avec un sprite en position de repos, puis ce soir le premier éssai sur le rebondissement sur le bumper, création de du sprite de la grenouille qui saute (brosse), mis en place dans le code de cette brosse au moment ou la grenouille saute.

    il est grand temps que j’arrive avec Fxpaint de faire des brosse sans fond. Je n’y arrive pas.

    prochaine étape l’effet de rebondissement.


    le soir mêmes, l’effet de rebondissement fais.

    Saya

    sayasupacrew

    • Messages : 4080
    #126268

    Petit problème résolu par Zord pour l’affichage sous Firefox, mise en place par moi mes des yeux de l’arbre qui bouge au gré du pointeur de la souris, mais tout a été ecris par Zord, il est bien ce Zord.

    ajout aussi d’un pré saut avant le rebondissement.

    Je trouve le comcept de plus en plus captivant, du point de vue conceptuel que de création.

    Sfrog

    sayasupacrew

    • Messages : 4080
    #126269

    c’est boboche qui m’as parlé de FancyBox, qui CMS qui de fais de bel choses.

    fancybox

    sayasupacrew

    • Messages : 4080
    #176309

    j’ai cherché du côtés de Galleria et  tn3Gallery mais en vain, je voudrais faire un slideshow sur un site d’art martiaux, d’images fixe qui s’enchainerais en fondue.

    connaissez vous cela ? (en java)

    Kefrens

    • Messages : 739
    #176317

    Peut être trouveras-tu ton bonheur par ici qui sait

    sayasupacrew

    • Messages : 4080
    #176319

    en tout cas merci pour le liens kefrens, te (vous) tiens au courant.

    sayasupacrew

    • Messages : 4080
    #176379

    voici kefrens ce que sa donne.

    liens

     

    comment lancé automatique le slideshow ?

    les vignettes en dessous ne me sont pas nécèssaire, comment les enlevé ?

    l’étiquetage en haut de l’image aussi ?

    sayasupacrew

    • Messages : 4080
    #180610

    kefrens: j’ai utilisé la balise marquee pour le slideshow, qui je pense tu vas trouvé trop lourde, enfin soite je l’est mise au finale.

    si non, petite mise à jours du site de la grenouille, il y a du changement depuis.

    agrandissement de la zone d’évoultion de la grenouille avec l’frame, du coup redissinage de la même zone.

    la sorcière flotte dans les airs, (c’est intégralement zord sur ce coup)

    les pièces d’or ont été intégré au JS, cela nous permet de les faire disparaitre au passage de la grenouille.

    sayasupacrew

    • Messages : 4080
    #182258

    j’ai enfin trouver un script (JS), qui fais un slide show, n’est il pas trop lourd ?

    j’aimerai connaitre votre avis ?

     

    http://ejrjudo.free.fr/indexPERSO.php

    sayasupacrew

    • Messages : 4080
    #196201

    petit niveau ajouté, le niveau moonchild.

    on buche avec zord pour faire un niveau plus complex comme nous l’avais suggeéré Powermental, avec un tableau virtuel.

    liens

    sayasupacrew

    • Messages : 4080
    #197806

    sa tourne bien bien fluide je trouve sur un powermac MDD avec un cpu a 1.5 gigahertz.

    un boss d’alloween

    liens

    sayasupacrew

    • Messages : 4080
    #216038

    J’aimerais mettre un scrolling texte sur un diaporama d’images, j’ai cherché sur la toile et j’ai fini par trouvé deux script, un pour le diaporama l’autre pour un scrolling de texte.
    je les ai fusionné, mais le scrolling bloque. (a l’origine c’est deux script indépendant)

    vous auriez des idées ?

    source:
    http://ejrjudo.free.fr/bootPERSOc.php

    <html>

    <head>
          <style type= »text/css »>
    #scroll{
             position : absolute;
          white-space : nowrap;
                  top : 670px;
                 left : 200px;

           }
    #oScroll{
          margin : 0px;
         padding : 0px;
             position : relative;
                width : 934px;
               height : 700px;
             overflow : hidden;
            }
    </style>
    <script type= »text/javascript »>
         function scroll(oid,iid){
              this.oCont=document.getElementById(oid)
              this.ele=document.getElementById(iid)
              this.width=this.ele.clientWidth;
              this.n=this.oCont.clientWidth;
              this.move=function(){
                 this.ele.style.left=this.n+ »px »
                 this.n–
                 if(this.n<(-this.width)){this.n=this.oCont.clientWidth}
                                  }
                                 }
         var vScroll
         function setup(){
             vScroll=new scroll(« oScroll », »scroll »);
             setInterval(« vScroll.move() »,20)
                         }
      onload=function(){setup()}
          </script>
    </head>

    <script language= »JavaScript »>
    <!–

    if (document.images) {
    photo1 = new Image();
    photo1.src = « /MainPage2/IMG_0315c.jpg »;

    photo2 = new Image();
    photo2.src = « /MainPage2/IMG_0316.jpg »;

    photo3 = new Image();
    photo3.src = « /MainPage2/IMG_0317.jpg »;

    photo4 = new Image();
    photo4.src = « /MainPage2/IMG_0318.jpg »;

    photo5 = new Image();
    photo5.src = « /MainPage2/IMG_0319.jpg »;

    photo6 = new Image();
    photo6.src = « /MainPage2/IMG_0320.jpg »;

    photo7 = new Image();
    photo7.src = « /MainPage2/IMG_0321.jpg »;

    photo8 = new Image();
    photo8.src = « /MainPage2/IMG_0322.jpg »;

    photo9 = new Image();
    photo9.src = « /MainPage2/IMG_0323.jpg »;

    photo10 = new Image();
    photo10.src = « /MainPage2/IMG_0324.jpg »;

    photo11 = new Image();
    photo11.src = « /MainPage2/IMG_0325.jpg »;

    photo12 = new Image();
    photo12.src = « /MainPage2/IMG_0326.jpg »;

    photo13 = new Image();
    photo13.src = « /MainPage2/IMG_0327.jpg »;

    photo14 = new Image();
    photo14.src = « /MainPage2/IMG_0328.jpg »;

    photo15 = new Image();
    photo15.src = « /MainPage2/IMG_0329.jpg »;

    photo16 = new Image();
    photo16.src = « /MainPage2/IMG_0330.jpg »;

    photo17 = new Image();
    photo17.src = « /MainPage2/IMG_0331.jpg »;

    photo18 = new Image();
    photo18.src = « /MainPage2/IMG_0333.jpg »;

    photo19 = new Image();
    photo19.src = « /MainPage2/IMG_0334.jpg »;

    photo20 = new Image();
    photo20.src = « /MainPage2/IMG_0335.jpg »;

    photo21 = new Image();
    photo21.src = « /MainPage2/IMG_0336.jpg »;

    photo22 = new Image();
    photo22.src = « /MainPage2/IMG_0337.jpg »;

    photo23 = new Image();
    photo23.src = « /MainPage2/IMG_0338.jpg »;

    photo24 = new Image();
    photo24.src = « /MainPage2/IMG_0339.jpg »;

    photo25 = new Image();
    photo25.src = « /MainPage2/IMG_0341.jpg »;

    photo26 = new Image();
    photo26.src = « /MainPage2/IMG_0342.jpg »;

    photo27 = new Image();
    photo27.src = « /MainPage2/IMG_0343.jpg »;

    photo28 = new Image();
    photo28.src = « /MainPage2/IMG_0344.jpg »;

    photo29 = new Image();
    photo29.src = « /MainPage2/IMG_0345.jpg »;

    photo30 = new Image();
    photo30.src = « /MainPage2/IMG_0346.jpg »;

    photo31 = new Image();
    photo31.src = « /MainPage2/IMG_0347.jpg »;

    photo32 = new Image();
    photo32.src = « /MainPage2/IMG_0348.jpg »;

    photo33 = new Image();
    photo33.src = « /MainPage2/IMG_0352.jpg »;

    photo34 = new Image();
    photo34.src = « /MainPage2/IMG_0353.jpg »;

    photo35 = new Image();
    photo35.src = « /MainPage2/IMG_0354.jpg »;

    photo36 = new Image();
    photo36.src = « /MainPage2/IMG_0355.jpg »;

    photo37 = new Image();
    photo37.src = « /MainPage2/IMG_0356.jpg »;

    photo38 = new Image();
    photo38.src = « /MainPage2/IMG_0357.jpg »;

    photo39 = new Image();
    photo39.src = « /MainPage2/IMG_0358.jpg »;

    photo40 = new Image();
    photo40.src = « /MainPage2/IMG_0359.jpg »;

    photo41 = new Image();
    photo41.src = « /MainPage2/IMG_0360.jpg »;

    photo42 = new Image();
    photo42.src = « /MainPage2/IMG_0361.jpg »;

    photo43 = new Image();
    photo43.src = « /MainPage2/IMG_0362.jpg »;

    photo44 = new Image();
    photo44.src = « /MainPage2/IMG_0363.jpg »;

    photo45 = new Image();
    photo45.src = « /MainPage2/IMG_0364.jpg »;

    photo46 = new Image();
    photo46.src = « /MainPage2/IMG_0365.jpg »;

    photo47 = new Image();
    photo47.src = « /MainPage2/IMG_0366.jpg »;

    photo48 = new Image();
    photo48.src = « /MainPage2/IMG_0367.jpg »;

    photo49 = new Image();
    photo49.src = « /MainPage2/IMG_0370.jpg »;

    photo50 = new Image();
    photo50.src = « /MainPage2/IMG_0371.jpg »;

    photo51 = new Image();
    photo51.src = « /MainPage2/IMG_0372.jpg »;

    photo52 = new Image();
    photo52.src = « /MainPage2/IMG_0373.jpg »;

    photo53 = new Image();
    photo53.src = « /MainPage2/IMG_0375.jpg »;

    photo54 = new Image();
    photo54.src = « /MainPage2/IMG_0376.jpg »;

    photo55 = new Image();
    photo55.src = « /MainPage2/IMG_0377.jpg »;

    photo56 = new Image();
    photo56.src = « /MainPage2/IMG_0378.jpg »;

    photo57 = new Image();
    photo57.src = « /MainPage2/IMG_0379.jpg »;

    photo58 = new Image();
    photo58.src = « /MainPage2/IMG_0380.jpg »;

    photo59 = new Image();
    photo59.src = « /MainPage2/IMG_0381.jpg »;

    photo60 = new Image();
    photo60.src = « /MainPage2/IMG_0382.jpg »;

    photo61 = new Image();
    photo61.src = « /MainPage2/IMG_0383.jpg »;

    photo62 = new Image();
    photo62.src = « /MainPage2/IMG_0384.jpg »;

    photo63 = new Image();
    photo63.src = « /MainPage2/IMG_0385.jpg »;

    photo64 = new Image();
    photo64.src = « /MainPage2/IMG_0386.jpg »;

    photo65 = new Image();
    photo65.src = « /MainPage2/IMG_0387.jpg »;

    photo66 = new Image();
    photo66.src = « /MainPage2/IMG_0388.jpg »;
    }

    function timeimgs(numb) {
    thetimer = setTimeout(« imgturn(‘ » +numb+ « ‘) », 5000);
    }

    function imgturn(numb) {
    if (document.images) {

    if (numb == « 66 ») {
    document[« photo »].src = eval(« photo3.src »);
    timeimgs(‘1’);
    }

    else { document[« photo »].src = eval(« photo » + numb + « .src »);

    timeimgs(numb = ++numb);
    }
    }
    }

    // –>
    </script>
    <body background= » » bgproperties= »fixed » style= »font-family: Arial, Arial » topmargin= »0″ onload= »timeimgs(‘2’); »>
    <div id= »oScroll »>
    <td height= »1″ align= »left » width= »1% » colspan= »52″>
    le Randori slide show
    <div id= »scroll »>This is the scrolling text</div>
    </div>
    </td>
    </body>
    <audio src= »/subdir/musique/ComTruise-SlowPeels60s.mp3″ autoplay> </audio>
    </html>                                                         

    Saya

15 sujets de 46 à 60 (sur un total de 85)

  • Vous devez être connecté pour répondre à ce sujet.

Forums AmigaOS, MorphOS et AROS Création OWB et javascript

Amiga Impact