CCG 15
Explications

Coucou, c'est encore moi......
 
 
Voici quelques explications sur un script assez simple à comprendre...y'a ka suivre les commentaires ;-)
EXEMPLE 1
<HTML><HEAD>
<!--ICI INDIQUER LA POLICE SA COULEUR SA TAILLE LA COULEUR DU FOND-->
<STYLE type=text/css>BODY {
Ici vous avez des choses à changer....pitié pour nos yeux, accordez les couleurs... mais, je vous fais confiance...:o)
FONT-SIZE: 10pt; COLOR: #42693D; FONT-FAMILY: arial; BACKGROUND-COLOR: #D8E6FF
}
</STYLE>
Là le script...pas toucher....
<SCRIPT language=VBScript>
' Script by Bill Scott, February, 2000
' billscott@redrivernet.com
' Adapted from Edgar V. Poirier script.
 
Option Explicit
 
Dim phase
 
Sub Window_OnLoad()
 phase=water.filters(0).phase
 shimmer
 
End sub
 
Sub shimmer()
 phase = phase + 3
 water.filters(0).phase = phase
 SetTimeOut "shimmer",0
End sub
 
</SCRIPT>
</HEAD>
<!-- DANS CETTE BALISE BODY ON PEUT INDIQUER UNE IMAGE DE FOND SOUS CETTE FORME: background="c:/DossierCCG/fond.jpg"-->
<BODY bgColor=#D8E6FF>
Ici les sons, d'après ce que j'ai compris, ça ne marche pas si il y a 2 midis, j'ai donc mis un .wav et un .mid, si je me trompe, merci de rectifier...
Je suis contente, j'ai réussi à rajouter du blanc à mon .wav, et à le compresser de moitié, c'est la première fois que je tripote ça mouâ.. :-)
<!-- ICI UN FOND SONORE WAV PAS OBLIGATOIRE J Y AI MIS LE CROA -->
<BGSOUND balance=0 src="c:/Mes documents/CCG/bulfrog4.wav" volume=0
loop=infinite>
<!-- ICI UN FOND SONORE MID PAS OBLIGATOIRE J Y AI MIS LA ZIK -->
<BGSOUND balance=0 src="c:/Mes documents/CCG/musik.mid"
volume=-200 loop=infinite>
<DIV>&nbsp;</DIV>
Ici laissez vous aller...racontez moi tout....
<!-- ICI LE CALQUE CONTENANT LE TEXTE PENSER A LA LARGEUR DE L IMAGE POUR LE PLACER-->
<DIV style="position:absolute;top:50px;left:455px">Un ch'tit coucou en passant ?</DIV>
Là ça devient sérieux.
Il va falloir trouver une photo, un dessin avec de l'eau, vous dans votre baignoire si vous voulez...
Et placer cette image là: sans oublier d'indiquer sa taille.
<!--ICI L IMAGE ENTIERE QUI SERA DONC GLISSEE SOUS LA SECONDE PENSER A PLACER LES DEUX EXACTEMENT AU MEME ENDROIT-->
<IMG style="Z-INDEX: 1; LEFT: 30px; WIDTH: 391px; POSITION: absolute; TOP: 30px; HEIGHT: 272px"
src="c:/Mes documents/CCG/15.jpg">
Bon.
Maintenant, au travail!
Il s'agit de découper l'image, en ôtant tout ce qui n'est pas de l'eau. Puis de l'enregistrer sous format Gif transparent. Pour simplifier, je garde ici la même taille pour le gif que pour l'image originale.
Donc cela donne ceci, les mêmes dimensions que l'image précédente, et placée au même endroit, pour les superposer au pixel près. Le gif étant sur le dessus grâce à l'attribut "z-index" plus élevé.
<!--ICI LA SECONDE IMAGE EN GIF TRANSPARENT IL NE DOIT RESTER QUE L EAU-->
<IMG id=water style="Z-INDEX: 4; FILTER: wave(freq=40, strength=3, phase=10, lightstrength=0, add=0, enabled=1); LEFT: 30px; WIDTH: 391px; POSITION: absolute; TOP: 30px; HEIGHT: 272px"
src="c:/Mes documents/CCG/15.gif"> </BODY></HTML>
Utilisation du filtre "wave" pour donner le mouvement de l'eau.
Vous pouvez changer quelques paramètres, voici quelques explications à ma façon, d'après mes observations:
freq=40 le nombre de vagues, empilées en hauteur
stength=3 l'amplitude de ces vagues, plus le chiffre est grand, plus le mouvement est amplifié de gauche à droite et vice-versa.
lightstrength=10 Marque les vagues, horizontalement, essayez....de passer à 80 par exemple.
add=0 il semble que de passer à 1 ajoute une certaine "luminosité"
 
EXEMPLE 2
Pas tellement différent.
<HTML><HEAD>
<!--ICI INDIQUER LA POLICE SA COULEUR SA TAILLE LA COULEUR DU FOND-->
<STYLE type=text/css>BODY {
FONT-SIZE: 10pt; COLOR: #42693D; FONT-FAMILY: arial; BACKGROUND-COLOR: #000000
}
</STYLE>
 
<SCRIPT language=VBScript>
' Script by Bill Scott, February, 2000
' billscott@redrivernet.com
' Adapted from Edgar V. Poirier script.
 
Option Explicit
 
Dim phase
 
Sub Window_OnLoad()
 phase=water.filters(0).phase
 shimmer
 
End sub
 
Sub shimmer()
 phase = phase + 3
 water.filters(0).phase = phase
 SetTimeOut "shimmer",0
End sub
 
</SCRIPT>
</HEAD>
<!-- DANS CETTE BALISE BODY ON PEUT INDIQUER UNE IMAGE DE FOND SOUS CETTE FORME: background="c:/DossierCCG/fond.jpg"-->
<BODY bgColor=#D8E6FF>
Penser au loop=1 pour n'avoir qu'un bruit, tout dépend de l'ambiance, mais j'ai remarqué que OE enlève cette indication...
<!-- ICI UN FOND SONORE WAV PAS OBLIGATOIRE J Y AI MIS LE CRI ET RAJOUTE LOOP=1 POUR NE PAS VOUS CASSER LES OREILLES-->
<BGSOUND balance=0 src="c:/Mes documents/CCG/cri de femme.wav" volume=10
loop=1>
<!-- ICI UN FOND SONORE MID PAS OBLIGATOIRE J Y AI MIS LA ZIK -->
<BGSOUND balance=0 src="c:/Mes documents/CCG/15.mid"
volume=-200 loop=infinite>
<DIV>&nbsp;</DIV>
<!-- ICI LE CALQUE CONTENANT LE TEXTE PENSER A LA LARGEUR DE L IMAGE POUR LE PLACER-->
<DIV style="position:absolute;top:50px;left:455px">Un ch'tit coucou en passant ?</DIV>
<!--ICI L IMAGE FOND QUI SERA DONC GLISSEE SOUS LA SECONDE -->
<IMG style="Z-INDEX: 1; LEFT: 30px; WIDTH: 406px; POSITION: absolute; TOP: 30px; HEIGHT: 350px"
src="c:/Mes documents/CCG/hante.jpg">
Pour les fainéant ;-) qui ne veulent pas découper leur image...ils peuvent donc utiliser un gif transparent. Reste à le positionner sur l'image "fond" pour que la scène soit cohérente.
J'ai changé les paramètres par rapport à l'exemple 1; baissé freq pour avoir des vagues plus épaisses, augmenté strength pour bien déformer le fantôme, mais mis lightstrength à 0 pour ne pas avoir de lignes horizontales trop marquées.
! J'ai rajouté un filtre: alpha(opacity=40) pour donner une légère transparence à mon fantôme vous pouvez sans problème ôter ce filtre, ou en jouer.
<!--ICI LA SECONDE IMAGE EN GIF TRANSPARENT ADAPTER LA POSITION GRACE A LEFT ET TOP-->
<IMG id=water style="Z-INDEX: 4; FILTER: wave(freq=10, strength=4, phase=10, lightstrength=0, add=0, enabled=1)alpha(opacity=40);LEFT: 110px; WIDTH: 100px; POSITION: absolute; TOP: 210px; HEIGHT: 124px"
src="c:/Mes documents/CCG/fantom.gif"> </BODY></HTML>
Bon courage
A bientôt
Laurence
 
 

Menu