DE ACUERDO.
Dar una buena acogida.
Entonces, como mencioné en este video, empezaré a trabajar en un clon de ataque de mascotas aquí.
Entonces, lo primero que queremos hacer es descubrir cómo agregar un círculo que ya hemos
visto, pero queremos hacer algunas cosas en un círculo cuando el usuario toca una tecla; en mi caso, solo lo
estoy haciendo. para sus hijos
Funciona de la misma manera para cualquier otra tecla.
Entonces, cuando un usuario toca la tecla en un círculo y luego también tenemos que averiguar la animación de ese círculo.
Y, por último, queremos agregar ese círculo a una coordenada aleatoria.
Entonces, para comenzar, solo tocaremos una tecla y agregaremos un círculo en el medio de la pantalla.
Así que vamos a los documentos en papel y echamos un vistazo a la interacción y miramos la interacción del teclado.
Y sé que parece que no sabía dónde buscar aquí, pero la primera vez que vine aquí me llevó mucho más
tiempo encontrar que simplemente revisé la mayoría de estos y busqué el teclado básicamente tratando de decir que lo más probable si estuviera
haciendo esto de nuevo solo y no me hubiera preparado para este video, me hubiera llevado mucho más tiempo encontrar
que podría haber hecho una búsqueda de todos modos, así que es un desplazamiento hacia abajo
y solo mirar algunos de los ejemplos.
Este primero es rápido aquí para enfocar y luego presionar algunas teclas y te dice qué tecla se presionó
y cuándo se lanzó también.
Así que ahora estoy presionando K y luego soltándolo.
Y si miras el código, es muy fácil simplemente presionando la tecla y Anchia arriba.
Así que no hay ningún documento en el detector de eventos, no hay auditores de
eventos Jay queery que estén documentados en el evento.
Pero para el script en papel solo tenemos que escribir esta línea súper simple para que podamos tomar
eso en realidad solo copie esto lo que hará que la tecla para nuestra aplicación.
Queremos que el sonido se reproduzca de inmediato.
Así que al presionar la tecla no cuando estoy liberado, pensando que es un poco más lento, es como un piano que
cuando golpeas el piano o el ruido, el sonido que se genera se genera justo cuando presionas la
tecla o hacia la derecha, no cuando tu sueltas
Así que haré la tecla abajo.
Copié eso y comenzaremos por hacer un nuevo círculo, así que necesitamos este código.
Pero solo queremos uno, así que ya no necesitamos los bucles.
Deshágase de eso y haremos ese nuevo círculo en la tecla.
Entonces, este proceso es bastante realista en el que se toman diferentes piezas y se las arregla
de forma conjunta.
Así que encontré esto en los documentos en la tecla.
Puedes deshacerte de eso.
Y también encontré esto en los documentos y necesitamos cambiar esta X e Y no están definidas.
Así que hagámoslo a 100 comas 100 y hagamos Phil color naranja.
Entonces, abajo, ejecuta este código.
Y de nuevo es muy diferente de lo que hemos visto o hemos documentado un oyente de eventos.
Y luego tendríamos que agregar algún elemento.
Así que tendríamos que hacer como un selector de consulta de punto de documento, algún elemento como un oyente de evento de adición de punto div, y luego tendríamos que decirlo, haga
clic o presione la tecla o la tecla hacia arriba.
Es mucho más código.
Esto se hace para nosotros con Paperchase realmente simple.
Entonces, al presionar la tecla vamos a ver qué sucede.
Voy a presionar la tecla y terminamos con un círculo y cada vez que presiono 1 obtengo otro círculo.
Usted simplemente no puede verlo.
Así que ahora vamos a trabajar en esto para que estemos agregando un círculo a un lugar aleatorio en la pantalla.
Y la forma en que lo hacemos realmente me tomó un poco de trabajo para encontrar
que podíamos hacerlo nosotros mismos donde generamos dos números básicamente desde cero hasta el ancho máximo de nuestra pantalla y luego el
otro número desde cero hasta hasta la altura máxima de nuestra pantalla.
Y eso no es demasiado trabajo, pero tenemos que averiguar el ancho y la
altura y las dimensiones que si vas a Paperchase y si miramos a dónde hace referencia.
Y luego, cuando está abierto, mira a la vista.
Y de nuevo acabo de encontrar esto hace unos días, me tomó un poco.
Pero si te miramos y miramos los límites y tal vez el tamaño del área visible y las
coordenadas del proyecto.
Entonces, si hicimos algo como cónsul que registra el tamaño de la vista que nuevamente acabo de encontrar aquí y actualizo la
página y veo lo que obtenemos, obtenemos altura y ancho para que podamos tomar esa altura y ese ancho.
Entonces no tienes el tamaño de la altura de los puntos y luego cancelas el registro con el que comienzas ese
tamaño y podremos usar esa actualización y prosequi.
Actualmente la vista de ese tamaño es seiscientos noventa y dos por setecientos.
Pero si cambio el tamaño, verá que cambia la próxima vez.
Perseguido
Entonces podemos usar eso para generar esos dos puntos que necesitamos.
Pero la otra cosa que podemos hacer es que hay un método integrado que
descubrí que nos convertirá en puntos aleatorios, así que te mostraré eso también.
Entonces, en lugar de tener que hacer matemática al azar, lo que nos da algo entre 1 0 y 1 no inclusivo,
entonces tenemos que multiplicar eso y subirlo o bajarlo.
Es una especie de dolor.
Entonces, lo que haremos en su lugar es usar este bonito papel J S estilo que encontré se ve así.
Así que voy a hacer un máximo de puntos, así que el punto máximo al que podemos agregar un círculo será el nuevo tamaño de punto
de la vista de puntos.
Y luego queremos con una coma de ese tamaño de altura de punto.
Entonces, xey son máximo X o máximo y.
Así que eso hace nuestros puntos máximos y te mostraré si
hacemos
un punto máximo de alt log constante allí vamos y realmente agreguemos nuestro círculo al punto máximo.
Entonces, en lugar de hacer un nuevo punto aquí en 100 Kamo 100, solo le daremos el punto Max.
DE ACUERDO.
Así que vamos a probarlo ahora y deshacernos de ellos para actualizar la página.
Presiono una tecla.
Mira, obtenemos uno aquí abajo, en la esquina inferior derecha.
Y si cambio el tamaño y lo vuelvo a hacer, y presiono una tecla, ahora obtenemos nuestro punto máximo aquí.
área visible de este lienzo, nuestro punto máximo cambia, por lo que no siempre generamos un número aleatorio entre las dimensiones de nuestra pantalla
o incluso el tamaño de la ventana, ya que tan pronto como el área visible ni siquiera
es toda la ventana, solo el área visible en el lienzo cambia nuestros cambios de punto máximo.
Esto es bueno porque cuando esa ventana cambia a medida que cambia el
OK, entonces tenemos eso.
Ahora lo que queremos hacer es tomar ese punto máximo y vamos a generar un punto aleatorio.
Así que lo llamaremos punto aleatorio y hay un método punto punto aleatorio que nos dará un punto aleatorio
entre 0 y 1 no inclusivo al igual que la mascota Rande excepto con una línea.
Obtenemos un objeto puntual
Entonces básicamente está haciendo esto.
que llamaremos solo punto y es igual a puntos máx. Por punto aleatorio así como así.
Nuevos puntos matemáticos punto aleatorio coma matemático punto aleatorio y luego queremos tomar esa otra variable
Entonces estamos multiplicando esos dos puntos juntos.
Son un poco extrañas las matemáticas, pero básicamente estamos generando un punto entre 0 0 y 1 1, pero técnicamente sería
el punto 9 9 9 9 y así sucesivamente.
Entonces digamos que generamos un punto como punto cinco punto cinco, entonces lo siguiente que hacemos es tener nuestro
punto máximo que siempre será el máximo que podríamos hacer.
Así que algo así como 12 80 por 720 o cualquiera que sea el tamaño de nuestra ventana es 600 por 300 y luego los
multiplicamos juntos y terminamos con un nuevo punto que en este caso es 300 coma 150.
Entonces, así es como podemos generar un punto máximo o aleatorio que existe en el área visible.
¿Son actualmente el área visible del lienzo?
OK, ahora vamos a cambiar esto para que vaya a los puntos.
Echemos un vistazo ahora actualizar
Presiona cualquier tecla y terminamos con círculos al azar.
Cada vez que presionas una tecla.
Whoops.
Y si cambio el tamaño de la ventana, hagámoslo hasta la mitad.
Cada vez que presiono la tecla todavía la veo.
Así que ya no está generando puntos aquí, lo que es bueno.
De modo que si la ventana cambia de tamaño, el usuario no tiene que actualizar para obtener una nueva área
visible para obtener los números calculados.
Bien, excelente.
Entonces, así es como generamos un círculo que ya ves, pero es cómo generamos un círculo cuando el
usuario pulsa una tecla en cualquier tecla.
Y hablamos sobre cómo hacer un punto al azar en el próximo video.
Veremos cómo podemos hacer algunas animaciones simples cambiando primero los colores de estos puntos y haciendo que se
desvanezcan en diferentes tonos de diferentes colores.
Y luego también encogiéndolos.
Veremos el siguiente video y luego volveremos y agregaremos sonido.
En el último video