Matrice changeante d'images sur le forum Création de sites web - 20-06-2006 12:38:37

Liste des sujets

Matrice changeante d'images

Busard

Niveau 10

20 juin 2006 à 12:38:37

Je cherche à faire un fond d´écran (le fond du bureau windows) qui consisterait en une page web (php) mais je n´arrive pas à trouver le moyen de réaliser une partie de ce fond d´écran.

Ce que je souhaite obtenir, c´est une matrice (un tableau) de petites images 48x48 avec que toutes les secondes, une image prise au hasard soit remplacée.

Techniquement, la page aura une durée de vie relativement limitée donc ce n´est pas gênant si les images sont superposées. Comme c´est en local (fond d´écran), je pense qu´il existe une solution à mon problème en javascript mais je ne connais pas grand chose au javascript.

J´espère que quelqu´un aura une solution.

Lockheart

Niveau 10

20 juin 2006 à 12:40:09

Politesse.

--fantomas--

Niveau 8

20 juin 2006 à 12:49:54

_WatzaKamikaze_

Niveau 10

20 juin 2006 à 12:50:07

Lol dans la catégorie des trucs qui...

Le php n´est pas fait pour ça. Apprneds le C...

lunablue

Niveau 10

20 juin 2006 à 14:16:00

flash

deepblue

Niveau 16

20 juin 2006 à 18:20:20

_WatzaKamikaze_ t´es bourrin avec le c, tu peux mettre une page web en fond et grace au javascript, faire ce que tu demandes

electron_libre

Niveau 10

21 juin 2006 à 00:09:47

essaye un truc dans ce genre la :

var nb_images_dispo = 300;
var nb_colones = 26;
var nb_lignes = 22;

function init_tableau(){
var image;
var compteur = 1;
var tableau = ´<table>\n´;

for(var l = 1; l <= nb_lignes; l++){
tableau += ´<tr>\n´;
for(var c = 1; c <= nb_colones; c++){
image = Math.random() * nb_images_dispo;
image = Math.floor(image);

tableau += ´<td>´;
tableau += ´<img id="image_´+ compteur +´" src="images/´+ image + ´.jpg" alt="´+ image +´" />´;
tableau += ´</td>\n´;
compteur++;

}
tableau += ´</tr>\n´;

}
tableau += ´</tableau>´;
document.getElementById("body").innerHTML = tableau;

setTimeout("changer(compteur)", 1000);

}

function changer(nb_case){
var case = Math.random() * nb_case;
case = "image_"+ Math.floor(case);
var new_image = Math.random() * nb_images_dispo;
document.getElementById(case).src = "images/" + new_image + ".jpg";

}

</script>
</head>

</body>

</html>

en gros tu crées un tableau grace au javascript dont chaque case contient une image choisie au hasard portant un identifiant pour les différencier les une des autre
une fois le tableau initialiser, on appele une fonction toute les secondes qui remplacera l´image d´une case au hasard par une autre

évidament la ca à peu de chance de marcher du premier coup, je te laisse pauffiner, mais je serais curieux de voir le résultat à la fin

Busard

Niveau 10

21 juin 2006 à 02:40:23

Merci beaucoup!
C´est très astucieux comme idée mais il y a une chose que je ne comprends pas:

setTimeout("changer(compteur)", 1000);

Cette instruction va appeler au bout d´une seconde la fonction changer(). Mais est-ce qu´elle va se réexécuter au bout de la deuxième seconde?

Yoda_Software

Niveau 30

21 juin 2006 à 02:46:49

La fonction setTimeOut définie un timer qui va appeler toutes les secondes la fonction changer(compteur)

Busard

Niveau 10

21 juin 2006 à 03:07:54

Merci!

J´ai plus qu´à m´amuser à modifier un peu le code parce que notepad++ n´a pas l´air très content quand il colorie le texte à cause des ´ ... c´est pourtant bien l´apostrophe qu´on trouve sous la touche 4 du clavier alpha et pourtant quand on tape le texte il apparait vertical et non de biais comme une fois posté... étrange!

Yoda_Software

Niveau 30

21 juin 2006 à 05:23:03

jeuxvideo.com modifie les apostrophes, je ne sais pas pour quelle raison.

Busard

Niveau 10

21 juin 2006 à 18:09:15

Un grand merci electron_libre, ça marche grâce à ton aide. Comme tu étais curieux de voir le résultat à la fin, voilà en image (en 2882 images 48x48 précisément) le résultat:
http://img473.imageshack.ck.us/img473/2366/fonds7jb.jpg
http://img393.imageshack.k.us/img393/1444/fonds29yr.jpg
http://img391.imageshack.k.us/img391/2103/fonds32fv.jpg
Bien sur c´est pas le même effet avec des screens fixes surtout que 1s pour une nouvelle image c´était trop long donc j´ai mis 50ms et ça fait comme des gouttes qui tomberaient sur une flaque d´eau, amusant.

J´ai aussi fait un autre fond d´écran avec cette fois-ci un contour d´images qui changent avec au centre une vidéo:
http://img207.imageshack.ck.us/img207/6708/fond28tz.jpg
http://img89.imageshack.us/img89/7716/fond2uv.jpg

Encore merci pour votre aide!

Yoda_Software

Niveau 30

21 juin 2006 à 18:11:50

Et ça ne te bouffe pas trop de ressources ?

Parce qu´une vidéo en boucle comme ça, ça en prends forcémment un minimum, non ?

deepblue

Niveau 16

21 juin 2006 à 18:17:30

Si les images sont préchargées, c´est juste au demarrage que ça predre du temps, sionon, ça doit etre assez rapide et pas pesant au niveau des ressources

Yoda_Software

Niveau 30

21 juin 2006 à 18:23:13

Je parlais du 2ème, avec la vidéo.

Busard

Niveau 10

21 juin 2006 à 18:25:34

Pour la premier (celui de 21*15 petites images), ça prend un peu en effet avec une nouvelle image toutes les 50ms (il utilise 30% de l´UC environ selon le gestionnaire des tâches de windows)!

Pour le deuxième, la vidéo n´est pas en boucle, elle dure 90s et se termine sur l´image du second screen. Bien sur le temps qu´elle tourne ça prend comme si on regardait une vidéo mais après ça bouffe rien (il utilise environ 35% de l´UC lors de la vidéo contre à peine 2% une fois la vidéo finie (c´est des gifs de 350Ko quand même); c´est éngligeable sachant que mes autres applications au repos en prennent 5% (windows, norton et messenger)).

deepblue

Niveau 16

21 juin 2006 à 18:26:47

J´avais pas vu le truc sur la video.

En tout cs, je crois que ça va tres vite te souler lol

Yoda_Software

Niveau 30

21 juin 2006 à 19:02:19

je pensais que la viédo était en boucle

Busard

Niveau 10

21 juin 2006 à 19:10:26

Ah non j´avais fait il y a longtemps un fond d´écran qui mettait en boucle 24 clips aléatoirement et crois moi qu´ayant mon PC allumé presque en permanence, au bout de deux jours j´étais près à jeter les hauts-parleurs par la fenêtre.

Depuis je met juste un clip selon les moment de la journée où je rallume mon PC (en fonction du timestamp) et je trouve ça assez bien! Bien sur c´est une question de goût aussi mais je déteste avoir un écran figé sur lequel rien ne se passe!

electron_libre

Niveau 10

21 juin 2006 à 19:30:26

content que ca t´ai aidé, tu peut pas mettre la page sur un compte FTP, c´est effet que j´aimerai bien voir

Aide à l'achat Mac
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Steam Deck
Macintosh
Hardware

La vidéo du moment

News jeu

3 051 spectateurs

Onimusha Way of the Sword : j'y ai joué et je suis déjà convaincu qu'il sera à la hauteur de mes attentes !

Nous avons pu jouer plusieurs heures à Onimusha Way of the Sword il y a quelques semaines chez Capcom France. L'occasion de retrouver ce qui a avait déjà été proposé dans la démo, toujours disponible, quel que soit votre support de jeux de prédilection.

Toutes les news jeu