OWB et javascript

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

  • sayasupacrew

      #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

      https://www.youtube.com/@sayasupa

      powermetal

        #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

          #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

          https://www.youtube.com/@sayasupa

          sayasupacrew

            #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

            https://www.youtube.com/@sayasupa

            sayasupacrew

              #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

              https://www.youtube.com/@sayasupa

              sayasupacrew

                #126269

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

                fancybox

                https://www.youtube.com/@sayasupa

                sayasupacrew

                  #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)

                  https://www.youtube.com/@sayasupa

                  Kefrens

                    #176317

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

                    sayasupacrew

                      #176319

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

                      https://www.youtube.com/@sayasupa

                      sayasupacrew

                        #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 ?

                        https://www.youtube.com/@sayasupa

                        sayasupacrew

                          #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.

                          https://www.youtube.com/@sayasupa

                          sayasupacrew

                            #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

                            https://www.youtube.com/@sayasupa

                            sayasupacrew

                              #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

                              https://www.youtube.com/@sayasupa

                              sayasupacrew

                                #197806

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

                                un boss d’alloween

                                liens

                                https://www.youtube.com/@sayasupa

                                sayasupacrew

                                  #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

                                  https://www.youtube.com/@sayasupa

                                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