Discussion :

[Invité(e)]

Je l'ai fait.

Ca marche sur tout les navigateurs sauf sur firefox.
Partout la neige tombe jusqu'en bas sauf sur firefox ou elle tombe jusqu'à la partie visible de la fenêtre. Sur firefox quand on descend dans la page, il n'y a plus de neige en bas.

Qui peut m'aider svp ?

[SpaceFrog]

avec scrollHeight ???? il faut biensur prendre le scrolHeight de l'element qui scrolle ...

[danielhagnoul]

Optimisation, nette amélioration chez moi.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var neige=setInterval(snow,30);
 
if (changevent==true){
	var girouette=setInterval(wind,4250);
}
if (changechute==true){
	var intesite=setInterval(fall,7130);
}

[kimjoa]

sympa!

pourquoi tu ne met pas de ; après chaque instructions ? ca peux généré des erreurs difficile a reconnaitre ...

tu sais que on peux combiner les déclaration de variable comme ca ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var ok = 'ok!!!',
pourkoipas = 'situveux', ....

j'ai pas compris la variable chute ?? si c'est de la vitesse qu'on parle, plus l'image est petite, donc lointaine ou légère , plus sa chute devrait être lente...
de plus il aurait été plus judicieux , de géré l'opacité en fonction du z-index du flocons

j'aime pas tros comment tu gère la densité des flocon ... tu permets d'êtres très précis en ce qui concerne la force du vent, mais pas pour le nombre de flocon ? c'est pas très logique ... peux être que créer un coefficient de la taille des flocons , en fonction de l écran aurait été plus satisfassent.

c'est vrai que ca rame pas mal, les intervalle consomme beaucoup de ressource, un seule devrait suffire ...

je voudrais pas être désagréable, mais il existe déjà beaucoup de ce genre de script sur le web , qui sont en plus , plus optimiser ...

[danielhagnoul]

Bonsoir SpaceFrog.

J'ai écrit une version jQuery pour le plaisir de voir ce que cela allait donner.
Surprise agréable, la version jQuery tourne au moins aussi vite.

Elle est ici : Joyeux Noël

[Thes32]

c'est cool^^

[SpaceFrog]

en réponse à kim,le code n'est pas entièrement mis au propre, d'ou le manque de ; par endroit ...
Pour ce qui est des declarations de variables , je trouve plus lisible de les declarer chacun sur une ligne lorsque je developpe, il est vrai que l'on pourrait nettoyer ce cod eun peu plus...

En ce qui concerne la taille des flocons, c'est un parti pris volontaire. un très gros flocon éloigné peut être plus gros qu'un minuscule flocon au premier plan. Je trouve personnellement que ça rajoute un coté réaliste. On pourrait limiter les tailles en fonction du zindex dans des intervalles pour que les flocons d'arrière plan soient en moyenne plus petit que ceux du premier plan. Pour ce qui est de l'opacité on pourrait aussi procéder de la même manière.
Mais j'avoue être déja satifait de l'effet visuel obtenu.

[cubit]

Salut

Je voudrais féliciter l'auteur de ce script ca je trouve l'effet visuel vraiment génial.

Par contre, si je peux me permettre un commentaire ( je me suis inscrit expres pour ca :p ) je trouve dommage que ce script ne soit pas utilisable autrement qu'en démo technique.

J'entend par la que ca fait trop ramer le PC du visiteur ( mais c est aussi le cas de toute les scripts de neige en fait.... )
L'idéal à mon humble avis serais une version allégé, qui serait peut etre moins belle , mais qui serait utilisable sur un site sans faire ramer le PC.

[danielhagnoul]

Bonsoir.

J'ai un vieux Pentium 4, 3 Ghz avec 1 Go de RAM, tant la version originale que ma version jQuery ne « rame pas » sous Chrome 3 !

[cubit]

Salut !

Chrome est bien connus pour etre largement plus optimisé que les autres navigateur pour l'execution de javascript.

Test le script avec I8 , le 7 , et meme le 6 encore utilisé par 15 % des gens ( y a de quoi pleurer oui... ) , tu verra que c'est pas la même chose.

Mais bon je dis ca ... de toute facon tout les script qui font tomber de la neige ram, c'est pas spécifique a celui-ci, d'ailleurs c'est le plus beau que je connaisse.

[danielhagnoul]

Bonsoir.

Ma version jQuery ne fonctionne qu'avec des navigateurs dignes de ce nom. Avec IE, toutes versions, on obtient que « désolé »

[cubit]

Je suis de ton avis en ce qui concerne ces navigateurs.
Mais ce n'est pas parce que c'est de la merde que tu peux simplement les oublier.
Malheureusement + 60 % des gens utilise IE - au bas mot -, ca n'a pas de sens de faire un script qui ne marche pas sous IE.
Se baser sur chrome pour tester ses scripts c'est courir à sa propre perte.

[danielhagnoul]

Bonsoir.

C'est vrai ! Mais comme je m'adresse exclusivement à des développeurs, on peut légitimement penser qu'ils se sont dotés des outils du troisième millénaire.

D'ailleurs dans mes bonnes résolutions pour 2010, j'ai décidé trois choses :
a) je ne répondrais plus aux questions du type « cela ne fonctionne pas avec IE» ;
b) je n'écrirais plus une seule ligne de code pour que cela fonctionne avec IE ;
c) je vais étudier et tester HTML 5.

[Edit 4/01/2010] Pour a et b, au 4 janvier, c'est déjà mal parti , mais c'est une utopie qui finira bien par se réaliser un jour prochain.

[marty91]

probleme chez moi sa ne marche pas j'ai crée un fichier JS qui me permet de l'apeler dans chaque page HTML que je souhaite

voici l'arboressence de mon site

index.html
(niveau 1) ==>images (dossier)
(niveau 1) ==>JS(dossier)
(niveau 2)==>neige.js
(niveau 2)==>images(dossier)
(niveau 3)==>.gif et .png

ligne de code dans ma page HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
     <title>MON SITE</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="CSS/design.css" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="CSS/menu.css" />
		<link rel="stylesheet" type="text/css" href="JS/shadowbox/shadowbox.css" />
		<script type="text/javascript" src="JS/shadowbox/shadowbox.js"></script>
		<script type="text/javascript"> Shadowbox.init(); </script>
		<script type="text/javascript" src="JS/date_heure.js"></script>
		<script type="text/javascript" src="JS/dynMenu.js"></script>
		<script type="text/javascript" src="JS/browserdetect.js"></script>
		<script type="text/javascript" src="JS/defilement.js"></script>
		<link rel="icon" type="image/png" href="images/icone.jpg" />
		<meta name="Robots" content="follow" />
		<meta name="MSSmartTagsPreventParsing" content="TRUE" />
		<script type="text/javascript" src="JS/neige.js"></script>
<head>

[vermine]

Bonjour,

Vous avez bien les images avec ? Si oui, au bon endroit ?
Vous avez bien enlevez les balises <script> ?
Auriez-vous des objets portant le même nom dans tous les scripts que vous insérez ?

[SpaceFrog]

Allez une petit up de saison
(après correction d'une grosse coquille, merci Auteur )

[Auteur]

Allez une petit up de saison
(après correction d'une grosse coquille, merci Auteur )

et la coquille était belle Dommage que je n'ai pas eu l'occasion de la mettre dans le bêtisier

[le_chomeur]

c'était quoi la coquille ?

[Auteur]

c'était quoi la coquille ?

Ben dans cette phrase :

Postez juste les liens vers vos sites décorés ci dessous. On pourra juger des plus beaux flocons

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Il avait oublié le "L" à flocons

[le_chomeur]

mdrrrr a se demander si c'était une vraie coquilles :p