[décoration de Noël] Simulateur de Chute de Neige

Version imprimable

Voir 40 message(s) de cette discussion en une page

09/12/2009, 22h56
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 ?
10/12/2009, 08h26
SpaceFrog

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

Optimisation, nette amélioration chez moi.

Code:

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);
}

11/12/2009, 01h44
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:

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 ...
11/12/2009, 01h56
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 ;)
11/12/2009, 11h28
Thes32

c'est cool^^
12/12/2009, 10h09
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.
27/12/2009, 21h16
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.
27/12/2009, 21h45
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 !
27/12/2009, 22h08
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.
27/12/2009, 23h13
danielhagnoul

Bonsoir.

Ma version jQuery ne fonctionne qu'avec des navigateurs dignes de ce nom. Avec IE, toutes versions, on obtient que « désolé » :mouarf:
28/12/2009, 01h04
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.
28/12/2009, 01h23
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 :aie:, mais c'est une utopie qui finira bien par se réaliser un jour prochain.

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:

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>

31/08/2010, 12h23
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 ?
09/12/2010, 08h33
SpaceFrog

Allez une petit up de saison
(après correction d'une grosse coquille, merci Auteur ;) :ccool: )
09/12/2010, 19h39
Auteur

Citation:

Envoyé par SpaceFrog

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

et la coquille était belle :mouarf: Dommage que je n'ai pas eu l'occasion de la mettre dans le bêtisier :mrgreen: :whistle:
13/12/2010, 15h44
le_chomeur

c'était quoi la coquille ? :aie:
13/12/2010, 19h31
Auteur

Citation:

Envoyé par le_chomeur

c'était quoi la coquille ? :aie:

Ben dans cette phrase :

Citation:

Envoyé par SpaceFrog

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 :aie:
:pastaper:
13/12/2010, 20h54
le_chomeur

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

Voir 40 message(s) de cette discussion en une page