Chez CoeurdeRose
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Chez CoeurdeRose


 
AccueilRechercherDernières imagesS'enregistrerConnexion
-17%
Le deal à ne pas rater :
Casque de réalité virtuelle Meta Quest 2 128 Go Blanc (+29,99€ ...
249.99 € 299.99 €
Voir le deal

 

 leçon 1

Aller en bas 
+3
coeurderose
djery
tiger_snows
7 participants
AuteurMessage
tiger_snows

tiger_snows


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

leçon 1 Empty
MessageSujet: leçon 1   leçon 1 1185649430_HORLOGEJeu 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.

leçon 1 Compteurja1

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.

leçon 1 Loupe1gs6

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é.

leçon 1 Loupe2mb8 leçon 1 Loupe3vr2

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

leçon 1 Loupe4ze6

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

leçon 1 Loupe5ae9

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

leçon 1 Loupe6ep4

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.


leçon 1 Loupe7lt0

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
http://mods-services.fr/index.php
djery

djery


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEJeu 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
coeurderose
Fondatrice
Fondatrice
coeurderose


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEJeu 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
http://coeurderose.info
djery

djery


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEJeu 10 Avr - 12:13

Merci ma petite Chantal !!! Tu es un amour !!!
Revenir en haut Aller en bas
panzo

panzo


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEMar 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
noune




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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEMer 30 Avr - 14:28

bise bise bise et merci pour ce cours Tiger!!! je vais m'y mettre
Revenir en haut Aller en bas
Celenya

Celenya


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEJeu 1 Mai - 14:59

j ai plus qu'a maintenant merci pour ce tuto bisous kissss
Revenir en haut Aller en bas
Celenya

Celenya


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEVen 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
panzo

panzo


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEVen 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
coeurderose
Fondatrice
Fondatrice
coeurderose


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGESam 3 Mai - 11:56

casse pas tout comme ca mdr
tu vas y arrivé
bizou
Revenir en haut Aller en bas
http://coeurderose.info
Celenya

Celenya


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGESam 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
panzo

panzo


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGESam 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
Celenya

Celenya


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEDim 4 Mai - 22:11

merci panzo je vais regarder demain
kissss
Revenir en haut Aller en bas
noune




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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEMar 6 Mai - 20:23

Courage Celenya moi je n'ai pas encore commencé mdr mdr mdr
Revenir en haut Aller en bas
Celenya

Celenya


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEMar 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
noune




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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEMer 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
noune




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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGESam 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
coeurderose
Fondatrice
Fondatrice
coeurderose


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGESam 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
http://coeurderose.info
noune




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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGELun 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
chantal

chantal


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGEVen 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
coeurderose
Fondatrice
Fondatrice
coeurderose


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

leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGESam 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
http://coeurderose.info
Contenu sponsorisé





leçon 1 Empty
MessageSujet: Re: leçon 1   leçon 1 1185649430_HORLOGE

Revenir en haut Aller en bas
 
leçon 1
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» 5 donner un effet a une image
» leçon 2
» leçon swishmax

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