Discussion :

[JohnBlatt]

Imaginer une image sur la scène dans un calque nommé "Image" et une petite lucarne positionnée sur un calque nommé "lucarne". Comment faire pour que la lucarne suive la souris et pour que l'on puisse ne voire l'image qu'à travers cette lucarne ?


Merci pour toute aide.

[j0hnmerrick]

peut-être en prenant le problème dans l'autre sens...
si ton objet lucarne était un fait un très gros objet opaque au 1er plan avec en son centre un trou (qui correspond à ta lucarne)
après tu lies ton curseur au centre de ta grosse lucarne (cad au centre du trou) et quand tu déplaces ce trou tu vois ce q'uil y a derrière

[JohnBlatt]

Ah. Pas mal Et merci pour ta réponse. Mais n'y a t-il pas un autre moyen ?

[yoda_style]

Salut,

Tu peux faire un calque image, par dessus, un calque lucarne.
Tu dessines un carré sur ton calque lucarne, fais en un clip et attribues lui ce code:

Code :

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

1
2
3
4
5
6
on (press) {
	startDrag(this, true);
}
on (release) {
	stopDrag();
}

PS: fais de ton calque lucarne un masque

[JohnBlatt]

Bonjour yoda_style


J'y suis presque ! Mais je n'ai pas compris toutes tes explications. Pour le moment, j'ai deux calques :
- calque image, qui contient l'image que je ne veux voir qu'à travers la petite lucarne

- calque lucarne. Ce calque se trouve au dessus du calque image (donc au premier plan)

Quand je lance l'appli, j'ai une image et la petite lucarne que je peux déplacer à loisir. Maintenant ce que je veux, c'est ne voir que cette petite lucarne et voir à travers elle. Tu peux m'aider à y parvenir ? Merci par avance.

[yoda_style]

Salut,

Désolé, je n'avais guère le temps quand j'ai répondu à ton post.
Je reprends tout depuis le début en te donnant un exemple pratique.

1) Tu fais 3 calques nommés image, lucarne et contour. Respectes cet odre pour étager tes calques.

2) Sur le calque image, dessines une forme avec l'outil plume et fais en symbole graphique

Sur le calque lucarne, dessines un carré avec un trait de contour épais. Récupères le contour de ton carré en faisant couper. Ensuite centre ton carré sur la scène

Sur Le calque contour, colles le contour. Si le contour n'est pas exactement centrer sur le carré, centre le également.

Fais un symbole clip du carré situé sur le calque lucarne

Fais un symbole clip du contour du carré situé su le calque contour


3) Nommes via le panneau des propriétés l'occurence du carré "masque" et l'occurence du contour "contour"

4) Attribues ce code sur l'occurence du carré

Code :

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

1
2
3
4
5
6
on (press) {
	startDrag(_root.masque, true);
}
on (release) {
	stopDrag();
}

et celui-ci sur l'occurence du contour

Code :

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

1
2
3
4
onClipEvent (enterFrame) {
	_root.contour._x = _root.masque._x;
	_root.contour._y = _root.masque._y;
}

Tu peux tester ta scène.

Si ça ne va pas, envoies moi ton mail par message privé et je t'envoie mon fichier test.

Bonne chance

[freegreg]

Autre méthode mais de manière dynamique

Trois calques :
- cMask : Tu dessines ta lucarne, tu la convertis en clip et tu la nommes mask_mc
- cWindow : Tu mets dans ce calque ce qui doit être masqué, tu selectionnes tout, tu convertis en clip et tu nommes window_mc
- cActionScript : Sur la première image, tu mets :

Code :

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

1
2
3
4
5
6
7
8
9
10
window_mc.setMask(mask_mc);
mask_mc.onPress = function () {
   this.startDrag(false);
}
mask_mc.onRelease = function() {
   this.stopDrag();
}
mask_mc.onReleaseOutside = function() {
   this.stopDrag();
}

[freegreg]

Un petit exemple légérement différent :
Le swf - Le fla

[JohnBlatt]

Merci à tous pour vodre aide. C'est vraiment gratifiant de réussir à implémenter comme l'on voulait une petite animation si simple soit-elle.

Encore merci !