TUTORIALES FLASH
PROGRAMAR UN LÁPIZ CON FLASH
Tutorial por Jmx de www.EstiloFlash.com
Hola a todos, nuevamente estoy con ustedes para mostrar un sencillo pero entretenido tutorial. Este trabajo muestra como hacer que un lápiz dibuje (simulación de la herramienta lápiz). ¿Comenzamos?
Empezar por hacer un documento nuevo de dimensiones 350*250 pixeles, y de color #808080.
Crear un nuevo símbolo (ctrl. + F8) nombrarlo lapiz y de comportamiento Clip de película.
En este símbolo hacer el diseño de un lápiz, colocar la punta del lápiz lo más cercano a las coordenadas X=0 y Y=0, como se muestra en la imagen, si la punta del lápiz no es colocada en esta posición cuando es publicada la película la raya saldrá de otro lugar.
Regresar a la escena y arrastrar desde la biblioteca el símbolo botón, y escribir un nombre de instancia el cual va hacer lápiz. Las coordenadas en las cuales quede situado el símbolo no tienen importancia.
Por último seleccionar el frame abrir el panel de Acciones – Fotograma e insertar el siguiente código. Verdad que es fácil, espero comentarios y sugerencias con mucha ansia.
this.attachMovie("cursor_id", "cursor_mc", this.getNextHighestDepth(), {_x:_xmouse, _y:_ymouse});
Mouse.hide();
var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() {
lapiz._x = _xmouse;
lapiz._y = _ymouse;
updateAfterEvent();
};
Mouse.addListener(mouseListener);
this.createEmptyMovieClip("drawing_mc", this.getNextHighestDepth());
var mouseListener:Object = new Object();
mouseListener.onMouseDown = function() {
mouseListener.onMouseUp = function() {
this.drawing = false;
};
mouseListener.onMouseMove = function() {
if (this.drawing) {
drawing_mc.lineTo(_xmouse, _ymouse);
}
updateAfterEvent();
};
drawing_mc.lineStyle(1, 0x000000, 100);
drawing_mc.moveTo(_xmouse, _ymouse);
this.drawing = true;
};
Mouse.addListener(mouseListener);
var keyListener:Object = new Object();
keyListener.onKeyDown = function() {
drawing_mc.clear();
};
P.D. Presionar ctrl. + enter para visualizar el trabajo final. Si desean segur publicando sus tutoriales en esta sección seguirán siendo atendidos. Hasta muy pronto.