Quiero crear un sitio web. ¿Cómo crear minijuegos a gran escala como Obi Island y Moore Manor?
Método 1: lograr el movimiento unitario de objetos haciendo clic en los botones
Este método se usa generalmente en juegos que requieren presionar botones. También puedes agregar este código a una entidad y luego hacer clic en la entidad para lograr un determinado efecto de juego.
1. Abra Flash y presione la tecla de acceso directo "Ctrl
M" para abrir [
Película
<. p>Panel Propiedades]. Establezca el tamaño de la escena y el color de fondo según sus necesidades.
2. Presione la tecla de método abreviado
Diseño de sitio web de Beijing "Ctrl
F8" para crear un nuevo símbolo gráfico llamado Gráfico ( Película
El símbolo Clip también funcionará).
3. Presione la tecla de acceso directo "Ctrl
R" para importar una imagen de animal (la cara del animal en la imagen que importé está mirando hacia la derecha). , entonces esto es para que el efecto de movimiento sea más realista). También puedes dibujar un cuadrado o un círculo aleatorio en la escena del vídeo en movimiento. Sin embargo, el efecto de esto es menos obvio.
4. Presione la tecla de acceso directo "Ctrl
F8"
Beijing Web Design crea una nueva película llamada mover
Símbolo del clip, arrastre el símbolo gráfico al primer fotograma del vídeo en movimiento. Haga doble clic en el cuadro 1 e ingrese la función Detener(). Haga clic derecho en el cuadro 1 y seleccione el comando Copiar
Cuadros. Luego haga clic derecho en el cuadro 2 y seleccione el comando Pegar
Cuadros.
5. Seleccione la imagen en el segundo cuadro del video en movimiento y ejecute el comando [Modificar]→[Transformar]→[Voltear
Horizontal] para voltear la imagen horizontalmente. Nota: La posición del vídeo en el fotograma 1 y en el fotograma 2 debe ser la misma (use la tecla de método abreviado "Ctrl
Alt
I"Abra el panel Instancia y establezca las coordenadas de los ejes X e Y de la imagen).
6. Regrese a la escena principal, presione la tecla de acceso directo "Ctrl
L" para abrir la Biblioteca, mantenga presionado el botón izquierdo del mouse y arrastre el el vídeo pasa a la escena del medio. Presione la tecla de método abreviado "Ctrl
I" para abrir el panel Instancia y nombre la película en movimiento mc.
7. Haga clic en el menú [Windows]→[Bibliotecas comunes
]→[Botones] para abrir la biblioteca de símbolos de botones. Seleccione "gel
Izquierda" y "gel
en "(círculo)VCRBotón
Establecer"
Derecha" y arrástrelos a la ubicación adecuada en la escena.
8. Haz clic derecho en el botón "gel
Izquierdo" e ingresa el siguiente código:
Construcción del sitio web
en
(lanzamiento)
{
Producción del sitio web
tellTarget
("_root.mc")
{
//Informa la película que desea llamar y salta al fotograma 2
Diseño web
gotoAndStop
( 2 );
//Después de saltar al segundo fotograma, el vídeo cambia de dirección
Construcción del sitio web
}
Creación del sitio web
movex
=
getProperty("/mc",
_x);
// Adjunte el Valor de la coordenada X del vídeo en la escena a movex
Producción del sitio web
vmovex
=
movex-10;
movex-10; p>
//Cambia el valor de las coordenadas en unidades de 10 píxeles para mover el objeto.
Diseño Web Pekín
setProperty
("/mc",
_x,
movex);
//Redefinir el atributo de coordenadas
_x
del vídeo
Diseño del sitio web
}
9. Haga clic derecho en el botón "gel
Derecho" e ingrese el siguiente código:
//Haga clic en este botón para saltar al cuadro 1. Realice el cambio de imágenes
Producción del sitio web
en
(lanzamiento)
{
//El siguiente código Consulte el significado anterior
Construcción del sitio web
tellTarget
("/mc")
{
Diseño de sitio web de Beijing
gotoAndStop
(1);
Producción de sitio web
}
Producción de sitio web de Beijing
movex
=
getProperty("/mc",
_x);
Diseño web
movex
=
movex 10;
Diseño web Beijing
setProperty
("/ mc",
_x,
movex);
Diseño de sitios web
}
Web diseño
p>Los dos fragmentos de código anteriores se utilizan para controlar el movimiento izquierdo y derecho de los objetos. En cuanto al código que controla el movimiento vertical del objeto, puede escribirlo usted mismo junto con el "Método 2". El efecto final se muestra en la Figura 1.
Además, puede utilizar la instrucción "onClipEvent
(mouseDown){
}" para lograr un movimiento unidireccional del objeto haciendo clic en el botón izquierdo. botón del ratón. El código agregado en "{
}" se refiere al "Método 1". Es muy simple y no entraré en detalles aquí debido a limitaciones de espacio. Pero el diseño del "Método 1" todavía tiene algunas imperfecciones. Los resolveremos en el "Método 2".
Método 2: realice el movimiento unitario del objeto tocando las teclas de dirección.
Este método se usa a menudo en juegos, especialmente en juegos de rol. Aprenderlo es la clave para diseñar juegos de rol y juegos. la base de muchos otros juegos (como el Tetris). En el ejemplo, se utilizan las teclas de dirección del teclado pequeño. Puede cambiarlas por otras teclas para crear los diversos efectos que desee.
Los pasos 1 a 5 son los mismos que el "Método 1".
6. Haga clic derecho en la imagen gráfica en el primer fotograma de la película en movimiento (haga clic derecho en la imagen, no en el fotograma) y seleccione el comando Acciones. Ingrese el siguiente código:
Diseño de sitio web de Beijing
onClipEvent
(keyDown)
{
// Cuando se presiona la tecla, ejecute la siguiente instrucción
Construcción del sitio web
if
(Key.getCode()
==
Key.LEFT)
{
Construcción del sitio web de Beijing
//Si la pulsación de tecla es
←< La tecla /p>
le indicará al vídeo que salte al fotograma 2 para su ejecución.
Realice el cambio de imágenes
Qitong Internet
tellTarget
("/mc")
{
Sitio web de Beijing diseño
gotoAndStop
(2);
Construcción de sitio web
}
Diseño de sitio web de Beijing
>}
Producción del sitio web de Beijing
if
(Key.getCode()
==
Key.RIGHT)
{
//Si la pulsación de tecla es la tecla
→
, ejecute la siguiente instrucción
Producción del sitio web de Beijing
ancho
=
getProperty("/mc",
_width); /p>
//Agregue el ancho del video a la variable ancho
Construcción del sitio web de Beijing
movex
=
getProperty ("/mc",
_x);
Producción del sitio web de Beijing
movex
=
movex width/10;
//Utiliza una décima parte del ancho del vídeo como valor unitario para el movimiento de la imagen
Diseño web
setProperty
("/mc",
_x,
movex
Producción de sitio web
}
if
(Key.getCode()
==
Key.UP)
{
//El significado de los siguientes códigos se refiere a lo anterior
Construcción del sitio web
Qitong Internet
altura
>
getProperty("/mc",
_height);
Diseño web Beijing
movex
>
getProperty("/mc",
_y);
Qitong Internet
movex
>
movex-height/40;
Diseño web Beijing
setProperty
("/mc",
_y,
movex);
Diseño web
}
Diseño de sitios web de Beijing
si
(Key.getCode()
==
Key.DOWN)
{
Qitong Internet
altura
=
getProperty("/mc",
_height);
Qitong Internet
movex
=
getProperty("/mc",
_y);
Sitio web diseño
movex
=
movex height/40;
Diseño web Beijing
setProperty
("/mc",
_y,
movex);
Diseño de sitio web
}
Construcción del sitio web de Beijing
}
Construcción del sitio web
7. Haga clic derecho en el vídeo en movimiento en el cuadro 2 y seleccione Actio.
ns
Comando de creación de sitio web. Introduce el siguiente código:
Qitong Internet
onClipEvent
(keyDown)
{
//The siguiente Consulte lo anterior para conocer el significado del código
Qitong Internet
if
(Key.getCode()
= =
Key.LEFT)
{
Diseño de sitio web de Beijing
ancho
=
getProperty("/ mc",
_width);
Construcción del sitio web
movex
=
getProperty("/mc ",
_x);
Producción del sitio web
movex
=
movex-width/10;
Diseño web de Beijing
setProperty
("/mc",
_x,
movex);
Construcción de sitio web
}
Diseño de sitio web de Beijing
if
( Key.getCode()
p>==
Key.RIGHT)
{
Construcción del sitio web
//Si la pulsación de tecla es
→
le indicará al vídeo que salte al fotograma 1 para su ejecución. Realizar el cambio de imágenes
Producción de sitios web
tellTarget
("/mc")
{
Enterprise Tong Internet
Diseño de sitio web
gotoAndStop
(1);
Construcción de sitio web
}
Diseño de sitio web
}
Diseño de página web
//También hay dos fragmentos de código que controlan el movimiento hacia arriba y hacia abajo de la imagen como se muestra arriba
Diseño de sitios web
}
Diseño web de Beijing
8. Regrese a la escena principal y presione la tecla de acceso directo "Ctrl
p>
L"Abra la Biblioteca y mantenga presionado el botón izquierdo del mouse para mover y arrastrar el video a la escena. Presione la tecla de acceso directo "Ctrl
I" para abrir el panel Instancia y nombrar la película move mc.
De esta forma, el vídeo puede moverse hacia arriba, abajo, izquierda y derecha. Si no lo crees, puedes intentar presionar las teclas de flecha en el teclado pequeño. El efecto final se muestra en la Figura 2. Sin embargo, todos descubrieron otro problema, es decir, si la entidad sigue moviéndose en una dirección, desaparecerá sin dejar rastro.
¿Qué hacer? No se preocupe, agreguemos el siguiente código a la entidad para que la entidad no pueda salirse del límite:
Haga clic derecho en la imagen gráfica en el primer cuadro del video en movimiento y luego seleccione " movex" >>
movex width/10;"Agregue el siguiente código debajo del código:
if(movexgt;
=300-width){
//Supongamos que el ancho de la escena del video es 300;
Producción del sitio web
movex=300-width;
//Esto La configuración se debe a que la escena se basa en El punto en la esquina superior izquierda es (0, 0).
Diseño web de Beijing
}
Construcción de sitios web de Beijing
Haga clic con el botón derecho en Mover la imagen gráfica en el segundo fotograma del vídeo y luego agregue el siguiente código en "movex
=
movex-width/ 10;":
Producción del sitio web de Beijing
if(movex
lt;=0){
Producción del sitio web de Beijing
movex=0;
Diseño de sitio web de Beijing
}
Diseño web
Puedes escribir el código para el movimiento vertical por tu cuenta, no diré nada aquí.
En el vídeo, también puedes cambiar la imagen a animación. Si quieres hacer tu propia animación de personaje (si no puedes dibujarla tú mismo, simplemente elimina la animación GIF y úsala. ¡Entiende!), puedes hacer 8 imágenes, dos en un grupo, cuatro grupos al frente y atrás. , izquierda y derecha, y luego agregue algunos fotogramas más al video y todo estará bien (puede explorarlo usted mismo). De esta manera, el vídeo no seguirá moviéndose como después de importar la animación Gif.
Método 3: lograr movimiento arbitrario de objetos arrastrando y haciendo clic con el mouse
La implementación del método de arrastre es muy simple, pero su aplicación en juegos es muy extensa. Este método se utiliza en juegos como rompecabezas, empujar cajas, cazar ratones, ajedrez y otros juegos.
Añade un nuevo vídeo llamado "mc". Luego haga clic derecho en el mouse e ingrese el siguiente código:
Construcción del sitio web
onClipEvent
(mouseDown)
{
//Ejecuta el siguiente código al presionar el mouse
Diseño web
startDrag
(mc);
//Deja que el vídeo se pegue al ratón y muévete con el ratón
Diseño Web Beijing
}
Diseño Web Construcción Sitio Web Beijing
onClipEvent
(mouseUp)
{
//Ejecute el siguiente código cuando se suelte el mouse
Producción del sitio web de Beijing
stopDrag
();
//El vídeo sale del ratón
Construcción del sitio web de Beijing
Qitong Internet
}
La función de este código es hacer clic con el mouse y el video aparecerá en algún lugar.
Añade un nuevo vídeo llamado "mc".
Luego haga clic derecho con el mouse e ingrese el siguiente código:
onClipEvent
(mouseDown)
{
Qitong Internet
p>x
=
_root._xmouse;
//Agrega el valor de la coordenada X actual del mouse en la escena a la variable x
Diseño del sitio web de Beijing
y
=
_root._ymouse;
//Coloca el mouse en la escena El valor de la coordenada Y se asigna a la variable y
Diseño de sitios web de Beijing
setProperty
("/mc",
_x,
x);
Producción del sitio web de Beijing
setProperty
("/mc",
_y,
y);
Diseño web de Beijing
}
Está bien, eso es casi todo. Siempre que domines los métodos de movimiento de las entidades anteriores, combinados con otros métodos de producción y programación Flash, podrás desarrollar tu propio juego Flash. Desde aquí, les deseo a todos un buen viaje en el "camino ancho" de Flash.
1: La división del trabajo es generalmente líder de proyecto, proyecto principal, artista, planificación, ventas, gerente de marketing
2: Herramientas
Parte del programa:
p>
En pocas palabras, todo lo que necesitas es un bloc de notas.
Armas avanzadas, estudio visual
o eclipse. dw
sqlserver
o
mysql, algunas herramientas de prueba de carga.
Artistas: ps, 3dmax, maya
Planificación: programación, scripting, compilador, balanceo numérico (a veces se puede usar papel y bolígrafo).