Accueil > Forum > > > > Déplacement aléatoire de plusieurs images
 Déplacement aléatoire de plusieurs images
lundi 4 août 2008 à 05:20:19 |
Déplacement aléatoire de plusieurs images
tales
|
Bonjour, Je cherche un script qui me permette d'avoir un déplacement aléatoire de plusieurs images et chaque fois que les images changent de direction , qu'elles se retournent. Merci |
|
lundi 4 août 2008 à 07:21:07 |
Re : Déplacement aléatoire de plusieurs images
bultez
|
Bonjour, tu n'as pas déjà posée ce genre de question ? ici et ça renvoyait déjà à une question précédante... je ne pense pas que tu trouves un tel truc "tout fait" il va falloir que tu fasses/recherches point par point 1° déplacement éléatoire 2° retournement ... et que tu regroupes.
Cordialement  Bul [ mon Site] [ M'écrire] |
|
lundi 4 août 2008 à 13:26:40 |
Re : Déplacement aléatoire de plusieurs images
|
lundi 4 août 2008 à 15:33:47 |
Re : Déplacement aléatoire de plusieurs images
tales
|
Bonjour,
Bultez j'ai réussi mon histoire de flip 1 image sur 2.
En fait là, je cherche à ce que mes images de poissons se déplacent de façon aléatoire et indépendante.
Le fait qu'elles se retourne c'est pour éviter une image de poisson qui recule.
Kazma, j'ai vu celui là, mais cela ne me convient.
Merci
|
|
mardi 5 août 2008 à 15:13:38 |
Re : Déplacement aléatoire de plusieurs images
PetoleTeam
|
Bonjour,
| j'ai vu celui là, mais cela ne me convient |
|
peu de chance d'en trouver un tout fait...ou alors coup de chance lors d'une recherche...
Le principe reste relativement simple à mettre en oeuvre et est en gros le suivant...
Création des OBJETs avec un minimum de propriétés
IncX // vitesse de déplacement horizontale
IncY // vitesse de déplacement verticale
Image // L'image représentative du sens
Lancement de la fonction de déplacement, un setInterval ou setTimeout avec un délai cohérent...
POUR chaque OBJET FAIRE
//-- Incrementation position
Pos.left += IncX;
Pos.top += IncY;
//-- Test si bords atteint
SI Bord_Gauche atteint ALORS
IncX = -IncX; // investion sens
Pos.left = 0; // replace en bord
Image = "image_vers_la_droite.gif" // changement image
SI Bord_Droit atteint ALORS
IncX = -IncX; // investion sens
Pos.left = Pos_Droite -Largeur; // replace en bord
Image = "image_vers_la_gauche.gif"; // changement image
SI Bord_Haut atteint ALORS
IncY = -IncY; // investion sens
Pos.top = 0; // replace en bord
SI Bord_Bas atteint ALORS
IncY = -IncY; // investion sens
Pos.top = Pos_Basse -Hauteur; // replace en bord
voila pour le principe de base...sauf erreur ou omission
pour le détail inspire toi de ce que tu as déjà vu...
;O)
|
|
mercredi 6 août 2008 à 04:37:33 |
Re : Déplacement aléatoire de plusieurs images
tales
|
Salut Petole Team.
Merci pour cette aide.
En php je saurais le faire mais en js.... Honnêtement je comprend le script, mais pas les "Inc C", peut-être propre au js. Franchement j'essaie d'apprendre le js, mais c'est plus dur que le php.
|
|
vendredi 8 août 2008 à 03:32:42 |
Re : Déplacement aléatoire de plusieurs images
tales
|
Un peu d'aide s'il vous plait
|
|
vendredi 8 août 2008 à 15:35:14 |
Re : Déplacement aléatoire de plusieurs images
PetoleTeam
|
Bonjour,
| Franchement j'essaie d'apprendre le js, mais c'est plus dur que le php |
|
Perso je pense l'inverse...
| Un peu d'aide s'il vous plait |
|
Je ne vois nul part une amorce de début de code...
Néanmoins je te livre un code fait à l'arrache...
<html>
<head>
<style type="text/css">
body {
font-family : verdana;
}
#D_MAIN {
position : absolute;
left : 100px;
top : 100px;
width : 530px;
height : 330px;
text-align: left;
border : 1px solid #8080f0;
background-color : #c0c0f0;
}
.sprite {
position : absolute;
left : -1000px;
width : 30px;
height : 30px;
border : 1px solid blue;
z-index : 10;
font-weight : bold;
color : blue;
}
</style>
<script type="text/javascript">
var Tab_Sprite = new Array();
var Borne = new Object( {left : 100, right : 600, bottom : 400, top : 100});
//-------------------
function Sprite( id_){
this.IncX = 1 +Math.round(Math.random()*5);
this.IncY = 1 +Math.round(Math.random()*5);
this.PosX = Borne.left;
this.PosY = Borne.top;
this.Obj = document.getElementById( id_);
this.Obj.innerHTML =">";
}
//--------------------
function Init_Sprite(){
var i = 0;
do {
var Obj = document.getElementById( 'D_' + i);
if( Obj){
Tab_Sprite[i] = new Sprite( 'D_' + i);
}
i++;
}while (Obj);
iTimer = setTimeout( "Move_Sprite()", 100);
}
//--------------------
function Move_Sprite(){
for( var i=0; i< Tab_Sprite.length; i++){
with( Tab_Sprite[i]){
PosX += IncX;
PosY += IncY;
if( PosX > Borne.right){
PosX = Borne.right;
IncX *= -1;
Obj.innerHTML ="<";
}
if( PosX < Borne.left){
PosX = Borne.left;
IncX *= -1;
Obj.innerHTML =">";
}
if( PosY > Borne.bottom){
PosY = Borne.bottom;
IncY *= -1;
}
if( PosY < Borne.top){
PosY = Borne.top;
IncY *= -1;
}
Obj.style.left = PosX +"px";
Obj.style.top = PosY +"px";
}
}
iTimer = setTimeout( "Move_Sprite()", 100);
}
window.onload = Init_Sprite;
</script>
</head>
<body>
<div id="D_0" class="sprite"></div>
<div id="D_1" class="sprite"></div>
<div id="D_2" class="sprite"></div>
<div id="D_3" class="sprite"></div>
<div id="D_MAIN"></div>
</body>
</html>
C'est le reflet de ce que j'ai écris plus haut, pas beaucoup de commentaires, même aucun à la relecture, mais tu devrais tout comprendre...
;O)
|
|
samedi 10 décembre 2011 à 13:41:46 |
Re : Déplacement aléatoire de plusieurs images
metis15
|
Yo !
Sympa cette chose en code...
Vu mon niveau proche de zéro moins en code, je ne vois pas comment les sprites peuvent devenir des images.
Si quelqu'un a la patience... Merci.
MvR
|
|
Cette discussion est classée dans : images, déplacement, aléatoire
 Répondre à ce message
 Sujets en rapport avec ce message
Background aléatoire dans un tableau : HELP !! [ par dumbop84 ]
coucou tout le monde..j'ai besoin d'aide..voila je suis pas du tout programmeur..mais comme y pas la source que je cherche ben j'ai essayé de la monte
Images animées sans animation ! (un comble !) [ par barbedebouc ]
Bonjour,Je fais un tirage aléatoire d'une image animée pour affichage aléatoire changeant toutes les 5 secondes (un diaporama simpliste en conséquence
problème défilement d'images de façon aléatoire [ par jr5818 ]
Bonjour,j'ai récupéré sur le net des bouts de codes afin de faire un défilement d'images aléatoires sur mon site. j'arrive à faire le défilement de la
Déplacement d'images [ par plough50 ]
Bonjour à tous Je crée des outils de formation en anglais accessible en ligne - je n'ai que très peu de connaissances en Javascript. (J'ai compris cer
Récreer un scroll bar avec 3 buttons ( images ) en javascript [ par issam250d ]
Bonjour tout le monde, Je ne sais pas est ce que ma requête est dans le bon endroit. J'ai un code pour créer un ascenseur personnalité grâce à des but
Changement Image à intervalle régulier : probléme fluiditée [ par thierryd75 ]
Bonjour, J'ai trouvé ce bout de code sur internet qui peu servir à tous et permet de faire défiler des images, clicable à intervalles réguliers (exce
Switch d image avec un "Select" [ par pl4hs ]
Bonjour tout le monde, Je viens a vous car je me trouve coincer dans le développement de mon site web. Voila la situation: J'ai une base de données
Images sur site internet avec a textarea [ par gardorheian23 ]
Bonjour, je m'explique, j'essaye de rendre un site assez simple pour qu'une amie puisse le gerer entièrement. Pour ce faire je lui ai mis un textare
[Javascript] Superposition images [ par thomas3347 ]
Bonjour à tous, Je cherche un petit code en javascript qui me permet de superposer 5 images png de même taille (pour utiliser la transparence)sur une
Fond d'écran avec images fondu enchaîné [ par fanzi ]
Bonjour, J'ai trouvé sur ce forum ce script suivant(il n'est pas de moi, mais de kazma): body{ background:url(1.jpg); } var compteur=0 tbimage=n
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|