OWB et javascript

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

sayasupacrew
2 octobre 2011 à 12h36 #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
4 octobre 2011 à 14h55 #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 »

il y a de nombreux exemples sur le net……
sayasupacrew
5 octobre 2011 à 20h44 #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
4 novembre 2011 à 19h12 #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
8 novembre 2011 à 19h11 #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
12 mars 2012 à 19h32 #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
10 janvier 2013 à 22h29 #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
10 janvier 2013 à 23h39 #176317
Peut être trouveras-tu ton bonheur par ici qui sait …
sayasupacrew
11 janvier 2013 à 7h41 #176319
en tout cas merci pour le liens kefrens, te (vous) tiens au courant.

https://www.youtube.com/@sayasupa
sayasupacrew
11 janvier 2013 à 20h26 #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
13 mars 2013 à 9h19 #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
11 avril 2013 à 20h53 #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
5 octobre 2013 à 16h57 #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
29 octobre 2013 à 22h55 #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
14 août 2014 à 12h29 #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″>

<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