RECTANGLE DE SELECTION

Commentaire de pegase31 le 16/07/2005 12:51:29 administrateur CS

Pas mal, mais en plus de 12 img/sec, ça aurait été encore mieux ....

Peg'

Commentaire de Prouprou_Sensei le 16/07/2005 15:18:41

Salut!
Sympa comme code, mais c'est vraix que le createEmptyMovieClip a chaque mouseMove est inutile, il suffit d'utiliser clear() et de creer le clip une fois au premier clique de la souris, ou meme a l'apel de la fonction.
Dans le genre:

function RectangleSelection(profondeur, couleurFond, alphaFond, couleurContour, alphaContour, epaisseurContour) {
        _root.createEmptyMovieClip("rectSelect", profondeur);
ecouteur = new Object();
Mouse.addListener(ecouteur);
ecouteur.onMouseDown = function() {
xMouse = _root._xmouse;
yMouse = _root._ymouse;
clic = true;
};
ecouteur.onMouseUp = function() {
_root.rectSelect.clear();
clic = false;
};
ecouteur.onMouseMove = function() {
if (clic) {
with (_root.rectSelect) {
clear();
beginFill(couleurFond, alphaFond);
lineStyle(epaisseurContour, couleurContour, alphaContour);
moveTo(xMouse, yMouse);
lineTo(xMouse, _root._ymouse);
lineTo(_root._xmouse, _root._ymouse);
lineTo(_root._xmouse, yMouse);
lineTo(xMouse, yMouse);
endFill();
}
}
};
}
RectangleSelection(1, "0x00FF00", 10, "0x00FF00", 100, 1);

Commentaire de BananaTree le 16/07/2005 19:09:10

slt,

"Pas mal, mais en plus de 12 img/sec, ça aurait été encore mieux ...."

pensez à utiliser updateAfterEvent :
ecouteur.onMouseMove = function() {
        if (clic) {
            with (_root.rectSelect) {
                clear();
                beginFill(couleurFond, alphaFond);
                lineStyle(epaisseurContour, couleurContour, alphaContour);
                moveTo(xMouse, yMouse);
                lineTo(xMouse, _root._ymouse);
                lineTo(_root._xmouse, _root._ymouse);
                lineTo(_root._xmouse, yMouse);
                lineTo(xMouse, yMouse);
                endFill();
            }
        }
updateAfterEvent();
    };

@+ et bon code.

Commentaire de pegase31 le 16/07/2005 20:49:18 administrateur CS

merci prouprou, il me semblait bien que ça ne passait pas dans ce cas .... mais ça confirme !;)

Peg'

Commentaire de top30 le 17/07/2005 21:05:50

C'est BananaTree qui a raison !
Passe ton anim en 8 images secondes et vous serez surpris !

Commentaire de apokalypse le 17/07/2005 22:52:29

Bon ce débat est fort interessant mais en ma qualité de newbie en programmation j'aimerai un plus d'information en ce qui concerne ce updateAfterEvent(). J'ai beau lire la doc, je comprends pas à quoi ça sert...

Commentaire de Prouprou_Sensei le 18/07/2005 00:54:03

En tout cas ici ca ne fonctionne pas... SI ? Parceque j'ai l'impression que le message de top30 etait un "si ca fonctionne !" déguisé ;) ...

Commentaire de Prouprou_Sensei le 18/07/2005 12:50:41

D'accord ce qu'il fallait preciser c'est que le updateAfterEvent ne fonctionne qui si le clip est lui meme l'ecouteur de l'evenement.

Merci top30!

A tchao !

Commentaire de Prouprou_Sensei le 18/07/2005 13:49:40

apokalypse fait attention tu as ajouté le updateAfterEvent mais pas comme il le fallait, ta version ne fonctionne pas, car il faut que le clip soit lui-meme l'ecouteur pour les evenements comme a fait top30 !

A tchao !

Commentaire de BananaTree le 18/07/2005 17:31:04

"il fallait preciser c'est que le updateAfterEvent ne fonctionne qui si le clip est lui meme l'ecouteur de l'evenement"

Certes.
Ce que je propose, c'est de supprimer cette ligne ;) :
Mouse.addListener ( leClip );

Par contre faites gaffes à un petit truc :
updateAfterEvent se comporte quasiment comme onEnterFrame. il convient donc de ne pas effectuer deux updateAfterEvent pour un même évènement (comme par exemple on peu faire appel par inatention à deux _root.onEnterFrame() placé à des endroits différents du scénario).

Sinon, gâre aux saccades ...

l'utilisation de setInterval et des évènements de souris permet d'éliminer toutes références à la fonction onEnterFrame. de fait, pour la fluidité, on n'est plus limité que par le taux de chargement du processeur.

comme me l'a fait remarqué top 30 en son temps : "j'ai du relire au moins 3 ou 4 fois la doc de flash..." .

alors n'hésitez pas à zieuter la livedoc de macromedia, même si elle est en anglais, c qd même ce qui se fait de mieux.

@+ et bon code.

Commentaire de BananaTree le 18/07/2005 18:07:58

Persiste et signe ;)

essaye plutot ça ( pour que le rafraichissement ne tiennent plus compte de l'état enfoncé) :

function SelectionRectangular(level, couleurFond, couleurContour, alphaDivision) {
// Si le clip de sélection n'existe pas...
if (!level["__selectionMC__"]) {
// Le créer à la plus haute profondeur.
var leClip = level.createEmptyMovieClip("__selectionMC__", level.getNextHighestDepth());
// On mémorise les couleurs
leClip.background = couleurFond;
leClip.border = couleurContour;
leClip.alpha = alphaDivision;
// Au click enfoncé
leClip.onMouseDown = function() {
this._x = _root._xmouse;
this._y = _root._ymouse;
this.click = true;
};
// Au click relaché
leClip.onMouseUp = function() {
this.clear();
this.click = false;
};
// Quand la souris bouge
leClip.onMouseMove = function() {
if (this.click) {
// La plus haute profondeur
var maxDepth = this._parent.getNextHighestDepth();
this.clear();
this.beginFill(this.background, 100/this.alpha);
this.lineStyle(0, this.border, 100);
this.moveTo(0, 0);
this.lineTo(0, this._ymouse);
this.lineTo(this._xmouse, this._ymouse);
this.lineTo(this._xmouse, 0);
this.lineTo(0, 0);
this.endFill();
this.swapDepths(maxDepth);
}
updateAfterEvent();
};
}
}
SelectionRectangular(this, "0xFF6600", "0xFF0000", 5);

@+ et bon code