Chez CoeurdeRose


 
AccueilFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 leçon 1

Aller en bas 
AuteurMessage
tiger_snows

avatar

Nombre de messages : 205
Age : 56
Date d'inscription : 15/12/2007

MessageSujet: leçon 1   Jeu 13 Mar - 16:29

Effet de loupe.

Principe.

Les dimensions de la scène sont égales aux dimensions de l'image agrandie.
On va créer une loupe qui servira de masque à l'image agrandie.
Ainsi, on ne verra à l'écran que l'image normale et la loupe.
Cette dernière sera associée au mouvement de la souris.

Téléchargez d'abord l'image de base.



Les différentes étapes vont être décrites maintenant.

A - Déplacement de loupe contrôlé par le mouvement de la souris

Partie 1 : Création des Objets.

1 - Définissez les dimensions générales 640x480. Couleur de fond blanc.
vitesse = 30.

2 - Importez l'image compteur.jpg (400x300) que vous centrerez à l'écran.
C'est l'image de base.



Convertissez la en sprite que vous nommerez fond.

3 - Vous allez dessiner le contour circulaire de la loupe. Tracez un cercle centré dans la scène comme indiqué.



Convertissez en sprite que vous nommerez loupeC.

Cliquez sur loupeC, puis entrez le script suivant :


Code:
onEnterFrame()
{
    this._x = _root._xmouse;
    this._y = _root._ymouse; 
}


Celà signifie que le contour circulaire de la loupe va suivre le mouvement de la souris.

4 - Vous allez tracer le même contour circulaire, cette fois-ci rempli. Nommez le loupe



5 - Importez à nouveau l'image compteur.jpg, centrée à l'écran mais de taille 160%. Nommez la fondX.



6 - Sélectionnez loupe et fondX. Groupez les en sprite que vous nommerez masque.



Ne pas oublier de cocher la case !

7 - Pour l'objet loupe de masque, entrez le script suivant :



Code:
onEnterFrame()
{    // origine = centre !!!
    // _parent => masque  (X= 320  Y=240 )
    this._x = _root._xmouse - _parent._X; 
    this._y = _root._ymouse - _parent._Y;
}


Celà permet de bien positionner cet objet par rapport au contour circulaire.

8 - Pour le sprite nommé masque, entrez le script suivant :


Code:
onLoad ()
{    startDrag(true);  }

Le masque va pouvoir ainsi se déplacer comme la souris.




Partie 2 : Script SwishMax.

Voici le script général de Scene_1. Il a pour but d'amener la loupe au niveau du pointage de l'image de base
alors que le masquage s'effectue au niveau de l'image agrandie.
On voit ainsi que l'on n'effectue pas réellement un agrandissement local mais seulement un effet basé sur l'image
déjà agrandie qui est masquée par une zone circulaire que l'on déplace avec la souris.



Code:
onLoad ()
{
  // calcule le rapport des images
  zoom = masque.fondX._xscale / fond._xscale;
  // coeff de réduction à appliquer pour la position du masque
  shrink = zoom * 0.4; 
   
  Mouse.hide();  // cache le curseur souris
   
}

// on déplace le masque au niveau de la zone à grossir, sinon le résultat est minable!
function position()

  masque._x = fond._X - shrink*(_root._xmouse - fond._X);
  masque._y = fond._Y - shrink*(_root._ymouse - fond._Y); 
}
onEnterFrame()
{  position();  }


Et voilà, à vous d'adapter en fonction du grossissement souhaité.

voici le resultat :

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mods-services.fr/index.php
djery

avatar

Nombre de messages : 194
Age : 71
Date d'inscription : 24/03/2008

MessageSujet: Re: leçon 1   Jeu 10 Avr - 10:38

hello tiger-snows...bonjour et merci poue ce tuto ...j'ai cependnt un petit conseil à te demander s'il te plait ...: je bute sur le point 6... : "selectionner loupe et fond x ", selectionner cela veut bien dire bleuir ou griser le mot ?? hé bien je ne parviens pas à selectionner les deux !!!...c'est soit l'un soit l'autre ....puis je avoir de l'aide
ah un autre petit point aussi ...lorsque l'on fait le 2eme cercle( plein ) il se positionne bien sur la même image que le cercle vide ??
Merci de m'accorder attention ...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
coeurderose
Fondatrice
Fondatrice
avatar

Nombre de messages : 1771
Age : 57
Localisation : france
Date d'inscription : 31/03/2007

MessageSujet: Re: leçon 1   Jeu 10 Avr - 11:13

coucou djery je peu repondre a une partie de ta question
selectionner 2 en meme temps
tu selectionne le premier pui tu appuye sur le ctrl de ton clavier en meme temps que tu clic sur le 2 eme objet
voila bizou

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://coeurderose.info
djery

avatar

Nombre de messages : 194
Age : 71
Date d'inscription : 24/03/2008

MessageSujet: Re: leçon 1   Jeu 10 Avr - 12:13

Merci ma petite Chantal !!! Tu es un amour !!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
panzo

avatar

Nombre de messages : 391
Age : 51
Localisation : Cannes FRANCE
Date d'inscription : 21/03/2008

MessageSujet: Re: leçon 1   Mar 29 Avr - 22:52

après mainte bataille, j'y suis parvenue, et j'en suis fière !!!
merci tiger, pour cette fabuleuse technique....

maintenant j'attends avec impatience la création des prochains cours !!!!!!!
bise bise bise
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
noune



Nombre de messages : 241
Age : 48
Localisation : Essonne
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Mer 30 Avr - 14:28

bise bise bise et merci pour ce cours Tiger!!! je vais m'y mettre
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Celenya

avatar

Nombre de messages : 245
Age : 59
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Jeu 1 Mai - 14:59

j ai plus qu'a maintenant merci pour ce tuto bisous kissss
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Celenya

avatar

Nombre de messages : 245
Age : 59
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Ven 2 Mai - 17:18

BIEN C EST PAS GAGNE LE TRUC
JE VAIS Y ARRIVER JE VAIS Y ARRIVER enerve
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
panzo

avatar

Nombre de messages : 391
Age : 51
Localisation : Cannes FRANCE
Date d'inscription : 21/03/2008

MessageSujet: Re: leçon 1   Ven 2 Mai - 23:11

oui, ne te décourage pas.....
avec de la volonté et de la persévérance, tu vas y arriver ....
moi aussi m'a fallu du temps....
et suis contente du résultat....

vas-y ma caille, tu vas y arriver....
je t'attends dans le "terminal"
bisoussssssssss
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
coeurderose
Fondatrice
Fondatrice
avatar

Nombre de messages : 1771
Age : 57
Localisation : france
Date d'inscription : 31/03/2007

MessageSujet: Re: leçon 1   Sam 3 Mai - 11:56

casse pas tout comme ca mdr
tu vas y arrivé
bizou

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://coeurderose.info
Celenya

avatar

Nombre de messages : 245
Age : 59
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Sam 3 Mai - 14:23

j avoue j ai la loupe j ai les images mais quand je passe dessus tout est décalé c est un souci de réglage je pense
je vais y arriver je vais y arriver
mdr merci pour vos encouragements
bisous
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
panzo

avatar

Nombre de messages : 391
Age : 51
Localisation : Cannes FRANCE
Date d'inscription : 21/03/2008

MessageSujet: Re: leçon 1   Sam 3 Mai - 23:25

viiiii, moi aussi, j'ai eu ce souci !!!!
quand je passais ma loupe, mon image partait de l'autre côté...
regarde bien si tu as redimentionné l'image du dessus !!!!
bisoussssssssss
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Celenya

avatar

Nombre de messages : 245
Age : 59
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Dim 4 Mai - 22:11

merci panzo je vais regarder demain
kissss
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
noune



Nombre de messages : 241
Age : 48
Localisation : Essonne
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Mar 6 Mai - 20:23

Courage Celenya moi je n'ai pas encore commencé mdr mdr mdr
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Celenya

avatar

Nombre de messages : 245
Age : 59
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Mar 6 Mai - 21:06

merci noune mdr j en suis toujours au même point mdr ya pas le feu au lac je vais faire calmement
bisous
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
noune



Nombre de messages : 241
Age : 48
Localisation : Essonne
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Mer 14 Mai - 8:03

Petit et gros problème... je fais tout bien et quand je veux mettre Code:
onLoad ()
{ startDrag(true); }
il me dit erreur!!!

et j'ai la loupe qui est décentré enerve enerve enerve je ferais un essai plus tard
Bisous à tous
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
noune



Nombre de messages : 241
Age : 48
Localisation : Essonne
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Sam 17 Mai - 7:35

Toc toc personne ne peut m'aider snif snif enerve enerve enerve je n'y arrive toujours pas???? help help help
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
coeurderose
Fondatrice
Fondatrice
avatar

Nombre de messages : 1771
Age : 57
Localisation : france
Date d'inscription : 31/03/2007

MessageSujet: Re: leçon 1   Sam 17 Mai - 12:42

coucou noune arff
je n'ai jamais fait cette lecon mdr
j'espere qu'une des membre pourra te dire
pose ta quesrion dans ta galerie je pense que tu aura plus de chnace d'avoir une reponse bisou
le terminal est t'il ouvert pour toi ?
bizou

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://coeurderose.info
noune



Nombre de messages : 241
Age : 48
Localisation : Essonne
Date d'inscription : 20/04/2008

MessageSujet: Re: leçon 1   Lun 19 Mai - 7:38

Oui il est ouvert.. merci de ta réponse je vais me renseigner... gros bisous
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
chantal

avatar

Nombre de messages : 196
Age : 61
Localisation : France Bretagne, Nord Finistère
Date d'inscription : 12/12/2007

MessageSujet: Re: leçon 1   Ven 27 Juin - 21:02

je ne comprend pas j'ai du mal avec cette leçon
le code general de swich ou dois je le mettre dans scene 1
je suis perdue
merci pour votre aide
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
coeurderose
Fondatrice
Fondatrice
avatar

Nombre de messages : 1771
Age : 57
Localisation : france
Date d'inscription : 31/03/2007

MessageSujet: Re: leçon 1   Sam 28 Juin - 11:43

coucou chantal
je n'ai pas realiser cette lecon j'espere que des membre te repondront
sinon passe a la suite
bizou

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://coeurderose.info
Contenu sponsorisé




MessageSujet: Re: leçon 1   

Revenir en haut Aller en bas
 
leçon 1
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Chez CoeurdeRose :: Logiciels :: Swichmax :: cours :: Tome 5-
Sauter vers: