Coder simplement de l'art génératif créatif : les bases du traitement pour les débutants

1. Introducción: Hola, estoy en Twitter it. Soy cientista en computación y artista y madre educadora en casa de cuatro niños y de Wyoming originalmente, pero actualmente los estoy en La Meca en Arabia Saudita. Llevo haciendo arte generativo desde que era un niño que me enseñó a codificar a los 12 años Vía antes de que supiera que era una cosa. Lo que me enganchó al arte generativo es que con el arte generativo, defines un sistema. Algunas reglas, cierto, un poco de código, y luego te sientas y miras el tiro de la computadora frente a tus ojos, y nunca dejo de sorprenderme de la belleza que puede salir de algún frío muy simple. Esta es mi primera clase de muchas, muchas clases sobre las que pretendo impartir. El arte generativo en esta clase realmente cubre lo básico. Te hará empezar con el procesamiento, que es un diseño de lenguaje para artistas. Cubrirá las funciones básicas y cómo configurar una animación simple en. Entraremos en la aleatoriedad y luego lo envolveremos todo con un proyecto un poco más complicado llamado caminata aleatoria. Eres un proyecto será crear una pieza de arte usando funciones Onley que te he enseñado en esta clase. Así que adelante e inscríbase en esta clase y empecemos. Y que no se olvide de seguirme para que se te notifique cada vez que publique una nueva clase . 2. ¿Qué es el arte generativo?: arte generativo es simplemente hacer arte con abrigo. Hay cosas que uno puede lograr con el arte generativo que serían realmente difíciles o incluso imposibles de lograr de cualquier otra manera. Algunas de las herramientas más importantes de unos artistas generativos son la aleatoriedad, ruido y las funciones matemáticas como las funciones de dejar de fumar y estas herramientas. Lo que ofrecen a un artista es una forma para que el arte coja vida, aparte de la dirección consciente del artista,ya sabes, ya sabes, para que el artista dé un paso atrás y se sorprenda por el desenlace que permiten una variación realmente infinita . 3. ¿Qué es el procesado?: procesamiento es un lenguaje diseñado para el arte. Es lo suficientemente simple como para empezar de inmediato, con suficientes características para poder hacer arte realmente hermoso y sin complicaciones. procesamiento podría ser utilizado en dos D o tres D. Podría hacer alambiques o animación. Podrías hacer que tu arte sea interactivo con la entrada de teclado y ratón, y puedes exportar tu ilustración en una variedad de formatos, incluyendo Vector y Raster. En realidad, lo más importante del procesamiento, sin embargo, es lo fácil que es comenzar. Es tan sencillo. Ah, y por cierto, es libre dar procesamiento. Dirígete a procesar dot org y ve a descargar. Elija su sistema operativo. Estoy ejecutando Mac OS 10. Entonces hice clic en eso y descargó un programa. Entré a mi carpeta de descargas. Acabo de arrastrarlo en el escritorio. Si abrí eso, obtengo mi ventana de editor. Aquí es donde voy a escribir. Código aquí abajo está el cónsul, que es donde los mensajes se mostrarán para ti. Si tienes un error en tu código o si escribes mensajes para ti desde tu abrigo, entonces si golpeo play me muestra lo que he dibujado en el campus 4. Si nunca tienes código antes escrito: si nunca has escrito código antes. En primer lugar, debes tener en cuenta que la computadora procesa código línea por línea de arriba a abajo, lo general no solo importa lo que escribas y también importa en qué orden lo tomas . Es realmente, realmente importante que pausas el video y abras el procesamiento y escribas exactamente lo que escribí y presionas este botón de reproducción y obtienes los resultados que obtuve. Si no conseguiste los resultados que obtuve, necesitas revisarlo y averiguar qué no vas a aprender con solo verme tipear. Tienes que probarlo tú mismo. Y además, si escribo algún código como, por ejemplo, si escribo el código para hacer una línea, no solo debes escribir el código que escribí, sino que deberías intentar cambiarlo. Deberías intentar cambiar estos números y ajustar este nueve para que puedas entender exactamente qué hace y cómo hacer tu propia línea más adelante. Lo último que debes saber sobre la codificación es que la computadora es muy exigente. Si tengo paréntesis en cierto lugar sobre un semi colon en un lugar determinado. Tienes que ponerlo en ese mismo lugar exacto. El ordenador no entiende. Si tipo de especie de lo haces bien. De verdad tienes que poner exactamente lo que llevo. 5. Funciones básicas: Empecemos cambiando el tamaño por tipo en tamaño podría darle ancho de píxel y altura de píxel . Entonces voy a ir 700 por 700. Si vuelvo a tocar play, consigo un lienzo más grande. No me gusta mucho ese gran fondo. Voy a decir fondo y darle valores RGB 2 55 a 55 50 55 lo cual es bastante rápido a un lado aquí para aquellos que tal vez no sepan qué es RGB o cómo funciona. Cambié la tienda de fotos y abrí la figura de color haciendo clic en este cuadrado aquí mismo, y se pueden ver los valores RGB para cualquier color. Por lo que cada color tiene sus valores RGB únicos de color RGB. Y si quieres usar algún color, solo tienes que copiar esos números en las funciones y procesamiento y notablemente, blanco es 2 55 55 a 55 y el negro es 000 Volvamos a la página web por un segundo en el sitio web de procesamiento e ir a referencia, y se puede ver aquí está todas las funciones que se incorporan en el procesamiento de un montón de cosas geniales e interesantes. La mayoría de los cuales nunca he tocado, la mayoría de los cuales probablemente nunca necesites tocar, pero un montón de cosas geniales si quieres explorar su empieza con las dos primitivas D. Entonces si quieres dibujar una línea, escribes línea y le das coordenadas comenzando X e Y y terminando convenios XLR, el lienzo tiene el origen aparecer. Esto es 00 y la X aumenta de esta manera. ¿ Por qué aumenta esto? Por lo que quiero trazar una línea de, digamos, 101 100 a 606. Ahí vas. Ve como OK, si quiero dibujar, digamos, un cuadrado, diría rectángulo para un rectángulo. Yo le doy su punto de partida, por ejemplo, tal vez 103 100. Y luego le doy una altura y un peso. Y luego, si quiero un círculo, diré elipse encendido. Lo pondré en 301 100 su con 100. Y cuando especificas un punto para un rectángulo, tu especificando la esquina superior izquierda. Pero cuando especificas un punto para una elipse, tu especificando el centro si en medio de otro rectángulo y otro círculo y les das los mismos puntos que di el rectángulo y círculo originales, pero los hice sólo cinco por cinco. Dentro de la altura, verás que el rectángulo viene en la esquina superior izquierda, pero el círculo viene en medio del otro círculo. Si quiero cambiar el color de la línea, puedo decir que está escrito y darle un color. A lo mejor sí voy a leer, y le voy a dar un valor externo 50. Esto se especifica un RGB rojo, verde y azul de 0 a 2 55 y luego el alfa es también de 0 a 2 55 Zero sería completamente transparente a 55 es completamente opaco. Entonces conseguí un montón de líneas rojas que airean bastante transparentes, no del todo. Si dejara todo lo demás, me pondría completamente opaco. Y luego si especificé un color de relleno, es igual que un trazo. Podría decir tal vez azul alsa media con Phil y golpe una vez que los pones todo después ellos se dice que lo mismo hasta que lo cambies de nuevo. Entonces tal vez por mis labios quiero cambiarlo de nuevo a trazo de negro y relleno de blanco 6. Configuración() y dibujar ): en el video anterior, te mostré cómo escribir las cosas directamente aquí en la ventana del editor, y se reproduce para ver el resultado, que es genial. Eso funciona. Está bien y se puede hacer eso. Pero en realidad es mucho más común y mucho más útil usar dos funciones llamadas Configurar en Draw. En primer lugar, te mostraré cómo escribirlas, y después te explicaré qué hacen. Entonces dos tipos que arriba, decimos vacío. Configurar apertura, cierre de paréntesis, apertura, cierre de llaves y dejar una línea entre ellas. Dibujar se ve igual que configurado, pero con la palabra dibujar en lugar de las palabras que así qué? Estos por lo tanto, es separar el código que se desea ejecutar al principio para configurar todo versus el código que se quiere rentar una y otra vez para dibujar su obra. Configurar es justo al principio, justo cuando golpeas el juego y configura tu obra de arte. El empate se ejecuta después de la configuración, una y otra vez. Ahora te puedes imaginar esto en realidad hace que sea realmente fácil hacer animación y procesamiento. Puede sonar antiintuitivo, pero la animación y el procesamiento es Justus fácil, casi más fácil que simplemente dibujar una imagen fija. De hecho, muchas veces en las que quiero dibujar imagen fija, seguiré animando que se dibuje sobre la pantalla porque es solo un ZZ a veces más fácil y mucho más divertido. Entonces a partir de ahora en esta clase, siempre vamos a usar set a pin drop para demostrar y configurar. A menudo pondríamos el tamaño de nuestro campus puede el color de fondo, y luego en sorteo, pondríamos nuestro dibujo. Entonces si quiero trazar una línea, pondría aquí. Ahora. Te dije que dibujar no es fácil con las cosas animadas, y yo solía dibujar y tal vez notes, nada es animador. Bueno, eso es sencillamente porque le dije a Draw que dibujara lo mismo cada fotograma. Por lo que en realidad es redibujar cada fotograma, probablemente al menos 30 fotogramas por segundo en este momento, animación más aburrida que hayas visto porque está dibujando lo mismo una y otra vez. Si querías hacer algo diferente en cada cuadro, necesitas decirle algo diferente para dibujar todo. Hay toneladas de diferentes formas en que podrías hacer eso. Yo sólo voy a darles un ejemplo. Ahora mismo, voy a usar una variable llamada frame acampado. Ahora, antes de mostrarles cómo usar el recuento de marcos, voy a tener dibujo realmente impreso para que puedan ver de qué se trata. Entonces hay una variable incorporada en el procesamiento que se pide en la ciudad, y es como nosotros, y lo que es sólo un número que guarda el número de fotograma que se está mostrando cuando dibuja por primera vez la pantalla. La primera vez que dibuja la pantalla del conteo es probablemente una, y luego vuelve a dibujar la pantalla un fotograma más tarde y Friend Count se aferra a. Es sólo un número. Es muy sencillo, Así que déjame imprimirlo para que puedan ver puedo usar esta función llamada Imprimir para imprimir cualquier cosa que se haga aquí en el cabildo. Si golpeo el juego ahora mismo, no podrás leerlo aún porque los está imprimiendo pegados. Entonces si quieres poder ver mejor esos números, voy a poner un nuevo personaje de línea. Es como entrar después de cada sorteo numérica va una y otra vez. No está secando nada. Lo que está haciendo en este momento es imprimir números, cada fotograma. Ya estamos hasta el 500 algo. Entonces en lugar de imprimir el conteo de marcos, lo voy a usar para animar mi vida. Voy a decir punto de procesamiento en cada fotograma. Cada vez que se corre seca , debe dibujar una línea. Y en lugar de poner sólo números en las coordenadas, voy a usar esa variable la variable de salida francesa. Específicamente, voy a hacer que la coordenada Y de mi punto final B recuento de fotogramas. Por lo que ahora se puede ver que el procesamiento se está secando la misma línea una y otra vez con coordenadas ligeramente diferentes, porque la coordenada Y del punto final está aumentando de los aumentos del recuento de fotogramas. Pero también puedes notar que no está despejando ninguna línea que ya dibujó. Cada vez que dibuja una nueva línea, la está dibujando justo en el mismo espacio que la otra línea. Si quisiéramos que pareciera que la línea se movía en lugar de dibujar cientos de líneas diferentes que podríamos hacer es cada vez que dibuja un marco, puede encubrir todo lo que ya dibujamos con el fondo de nuevo. Si planté llamado al fondo otra vez al inicio de mi función de sorteo. Lo que eso hace es borrar toda la pantalla. Son todo el dibujo con el color de fondo otra vez antes de que haga otra cosa. Entonces ahora parece que tenemos una línea que se está moviendo. En realidad es una línea diferente cada vez. Está dibujando una línea totalmente nueva, cada marco. Pero parece que se está moviendo porque tenemos el conteo de fotogramas en la Coordenada Y. del punto, y sólo podemos ver que se dibuja la línea más reciente porque encubrimos todo lo demás con el fondo. 7. Randomness: ahora de que hemos hablado, configuramos y dibujamos, exploremos la aleatoriedad. aleatoriedad es una de las cosas que hace que el arte generativo sea impresionante. Al azar Sra. algo. Es realmente difícil de lograr a mano, pero una computadora podría hacerlo tan fácil y tan rápido, y hace simplemente arte impresionante. Entonces para hacer aleatoriedad, necesitamos discutir una función llamada aleatoria. Déjame quitarle el dibujo y solo mostrarte lo que hace aleatorio imprimiendo los resultados de decir aleatorio, Random toma un número y te devuelve un número aleatorio entre cero y ese número. Y luego imprime, como recuerdas, solo imprime el resultado de cualquier cosa en el cabildo. Entonces si golpeo play, me dieron el número aleatorio 9.998869 Si lo vuelvo a ejecutar, debería conseguir un número completamente diferente. Tengo 7.634116 La función aleatoria solo elige cualquier número aleatorio, incluyendo locos decimales entre cero y el número que le das. También puedes dárselo a números, digamos cinco y 10 y te daría un número aleatorio entre cinco y 10. Deberías probar esto, atropellarlo una y otra vez y solo ver los resultados que obtienes. Entonces en lugar de imprimir mi número aleatorio, voy a dibujar líneas aleatorias. Voy a decir mentir otra vez. Pero esta vez, lo que voy a hacer es que voy a decirle a procesamiento que escoja un punto de partida y punto final completamente aleatorio todo. Entonces esta es la coordenada X para el punto de partida de mi línea entre cero y el ancho de mi lienzo. Lo mismo para la coordenada y. Y en realidad, porque está entre cero y que nunca ni siquiera tengo que poner lo cero mismo para el punto final. Entonces esta es la misma función de línea que utilizo antes, y solo la estoy dando para números. Pero los cuatro números que le estoy dando a nuestro aleatorio un aleatorio escogerán un número y lo meten aquí y escogerán un número diferente y lo meten aquí, escogen un número diferente y lo meten aquí. Escoge un número diferente. línea instigadora es la misma línea que vimos antes. Apenas los números en una RV. Y así si golpeo play, estoy obteniendo líneas aleatorias por todas partes. Podría borrar todo con un fondo fresco cada vez. Y entonces sólo vería mi línea más reciente. Eso es algo grueso. Ya lo sabes. Me gusta mucho cuando no se re durante el fondo y puedo ver todas mis tierras. Creo que eso es realmente bonito. De acuerdo, vamos a probar algunos ejemplos más de uso aleatorio. Podríamos hacer rectángulos Reina. Acabo de cambiar línea a rectángulo. Recuerda, Rectángulo cuatro toma cuatro números así que podríamos era lo mismo. Pero los números 2do 2 son el ancho y la altura. En realidad no queremos que eso sea entre 01 700. Queremos que eso sea entre. No sé, tal vez 0 100 creo que me gustaría más que no se llenaran mis rectángulos. Entonces no voy a decir nada. Pero, ya sabes, podría hacer en lugar de no, Phil, no podía hacer trazo y podría darle un color de sensación aleatoria. Entonces, ¿qué tal al azar? Entre cero y 2 55 El rojo, verde y azul. ¿ Y sabes qué? ¿ Qué tal la altitud? ¿ Qué tal en lugar de un Alfa aleatorio Quiero que mi atuendo dedo del pie siempre sea aproximadamente 20. Yo quiero que todos sean realmente ver a través, para poder ver a todos los que se amontonan uno encima del otro. Eso es vehículo. A pesar de que realmente no me gusta esa aleatoriedad completa de color, prefiero tenerla más cerca de un extremo, todavía algo así como al azar, como tal vez quisiera que todo fuera una especie de más azul, menos rojo y menos verde. Entonces tal vez mi rojo debería estar entre cero y 100 y lo mismo a mi enojado lo que mi pequeño sea entre cero y 2 55 Así tendré mucho más azul en general. Entonces como puedes ver la combinación entre hacer las cosas una y otra vez, usar la función de dibujo y usar aleatorio ya se está volviendo bastante interesante. Probemos subsista así que en lugar de rectángulo, dirá labios. Tendremos ubicaciones aleatorias entre el ancho y la altura de la pantalla. Y hagamos lo mismo que los rectángulos con un aleatorio dentro de la altura entre qué si, en cambio, aunque quería que fueran círculos aleatorios. Entonces en este momento estoy dando procesamiento un número diferente para el ancho de la elipse y un número diferente para eso con el fin de hacerlos círculos de tamaño aleatorio. Lo que tendría que hacer es escoger un número aleatorio y luego dar ese número parece aleatorio para ancho y alto. Entonces para hacer eso, voy a tener que hacer una variable. Por lo que variable es básicamente es igual que un álgebra. Es, um, como una caja para sostener un número para hacer una variable. Se le da un tipo. Podría ser un er energético, en cuyo caso, yo diría int una energía sería un número entero. Pero en este caso, quiero un flotador porque va a contener un número aleatorio y mi función aleatoria regresa. Un flotador a flote es un número que tiene puntos distantes. Y si recuerdas, cuando imprimí mi número aleatorio, tenía puntos decimales. Entonces voy a usar un pie. Lo llamaré Diámetro Aleatorio porque va a sostener el diámetro de mi círculo, y luego llenaré esta variable con un número aleatorio entre cero y 100. Entonces todo esto dice es una variable llamada Diámetro Aleatorio, que es un flotador, lo que significa que es un número con puntos decimales va a sostener un número aleatorio entre cero y 100. Y entonces puedo usar esta variable aquí abajo. Cuando dibuje mis labios tipo aleatorio, pondré la misma variable tanto en el ancho como en la altura para que consiga un círculo de tráfico . Son aleatorios porque cada vez que corro sorteo, obtengo un diámetro aleatorio diferente. Pero entonces cuando voy a dibujar mi círculo, utilizo el mismo diámetro para el ancho y el 8. Vary Tamaño por locación: Probemos un pequeño proyecto divertido, sencillo usando solo lo que sabemos hasta ahora va a empezar por hacer una ubicación muy pequeña llamada X y pegando tu viviendo por innit? Entre 7 700 y otro llamado vía ubicación también con un valor aleatorio diferente entre cero y 700. Y luego voy a dibujar los labios en la ubicación X y medicación. Pero voy a hacer algo tipo de gracioso y voy a hacer el tamaño de mis labios en base su ubicación. Entonces si la elipse está en el lado izquierdo de la pantalla, debería ser más pequeña. Y a medida que va hacia el lado derecho de la pantalla, debería hacerse más grande. Todo lo que tengo que hacer es hacer este tamaño de mis labios. En base a mi ubicación ex, realmente no quiero que alcance todo el camino de 0 a 700 dólares así que voy a dividir ese número. Pero también voy a poner algo de color ahí dentro, y pondré mi trazo para que sea blanco y mi color de alma. Haré muy basado en el aspecto blanco. Voy a acelerar el fotograma realmente poco porque no tengo idea de lo rápido que cayó mi conexión de computadora. Voy a tirar algo loco por ahí como 1000 cuadros por segundo. Y simplemente va rápido. ¿ Lo es? En realidad Tendo, juega con este concepto y ve si puedes hacer rectángulos que se hagan más altos a medida que X aumenta y más delgados a medida que aumenta el blanco. 9. Si estados: Ahora hablemos de si las declaraciones y si la declaración como una forma de comprobar si algo es cierto . Y si es cierto, haz una cosa. Y si no es cierto, haz algo diferente. He vuelto a mi código del video sobre aleatoriedad donde tenía un montón de círculos aleatorios que se mostraban en la pantalla, sin variar según su ubicación. Entonces para demostrar si afirmaciones, voy a hacer una nueva variable que sostendrá mi excitación aleatoria el número que estaba poniendo aquí y luego voy a revisar cuál es ese número y en base a lo que es, voy a hacer un diferente color. Entonces lo que estoy haciendo aquí es que estoy haciendo una nueva variable llamada ubicación aleatoria X en poner un número aleatorio en ella entre 01 700 y luego voy a usar esa variable como la explicacion de mis labios. Hace exactamente lo mismo que antes. Si jugara esto ahora mismo, no verías ninguna diferencia. Pero ahora lo que voy a hacer es que voy a revisar. Sí, mi ubicación aleatoria X es mayor a 3 50 Como en si está en la mitad derecha de la pantalla. Entonces voy a mantener igual mi color de relleno. ¿ Es sabio? Y si no es mayor a 53 30 como en, sólo es el lado izquierdo de la pantalla. Voy a hacer un color diferente. Entonces copié la misma declaración Phil de aquí abajo y la puse, se cae tanto en la parte superior de abajo aquí, pero en la parte inferior. Cuando lo voy a cambiar, lo voy a cambiar para que si está en el lado izquierdo de la pantalla, me pondré más rojo en esto. Entonces la declaración if, solo dices si y luego entre paréntesis, pones algo que quieres probar, por lo que impugnas cualquier cosa sobre cualquier variable. Entonces mi exploración aleatoria es la variable que estoy probando. Yo estoy probando. ¿ Es más grande que 3 50? ¿ Cuál invariable podría ser porque está entre cero y 700? Si es iss, le doy este color Philip. Si no lo es, lo doy esta semana. Juega con si las declaraciones ve si podrías hacerlo para que el tercio superior sea los colores verdes . El tercio medio es de colores rojos, y el tercero inferior es de colores azules 10. Paseo al Random: Entonces ahora usemos todo lo que hemos aprendido hasta ahora para construir algo un poco más complicado. A lo que estamos a punto de construir se le llama uno al azar. Déjame mostrarte cómo se ve. En primer lugar, comienza en una ubicación aleatoria y luego dibuja una línea hacia una nueva ubicación cercana a donde waas fuera un círculo. Se ve un poco guay. Creo que podría ralentizarlo un poco para ayudarte a ver un poco más fácil. Déjame guiarte a través de cómo construir esto. Entonces voy a acabar con todo lo que tengo hasta ahora. Excepto por el set up y draw y el tamaño en el color de la sala trasera fue que vamos a seguir igual y voy a empezar por hacer variables. Contó la ubicación en la que estuve por última vez en mi look aleatorio, los voy a poner aquí arriba fuera de set up y dibujar para que pueda usarlos en todas partes y también para que conserven su valor entre llamadas de sorteo. Si pongo estas variables dentro de sorteo, entonces habría nuevas variables frescas. Cada vez que se corre el sorteo, que no es lo que quiero. Yo quiero que se queden ahí. Pero voy a cansarme, flotar ex ubicación y flotar. Por lo que estas variables sólo van a sostener una ubicación donde por última vez dibujé una línea para que la próxima vez que vaya a dibujar una línea, pueda dibujar una línea comenzando en esa ubicación y luego en mi configuracion, les daré valores iniciales. Por lo que la ubicación X es algún punto aleatorio entre cero y 700. Y por qué la ubicación también es algún punto aleatorio entre cero. En mi sorteo, necesito escoger una nueva ubicación que esté muy cerca de donde está mi ubicación ex y trazar una línea entre mi ubicación X inicial y mi segunda explicación. Entonces voy a hacer una nueva flotación, una nueva variable llamada Nueva ubicación X, y voy a acercarla a mi otra como X ubicación. Yo lo lograré. El anterior ubicación X dura algún número aleatorio entre cero y 50 y luego el número entre cero y 50. Si solo hago eso, voy a estar en Lee moviéndose hacia la derecha alguna cantidad aleatoria, y quiero que sea capaz de moverse aleatoriamente hacia atrás a, Así que necesito mi número aleatorio entre para ser números negativos también. Entonces lo haré restando 25. Pero, ¿qué? Esto terminará siendo en lugar de un número aleatorio entre cero y 50 en realidad será un número aleatorio. Entre negativo 25 25. Mi nueva ubicación X estará en algún lugar entre el negativo 25 25. Lejos de mi anterior ubicación X. Voy a hacer lo mismo por mi ubicación salvaje, y luego dibujaré en línea desde mi explicación y por qué ubicación hasta mi nuevo Excel. Atención Nuevo. Por qué ubicación. Y luego después de cada vez que dibuje, estableceré mi ex ubicación para que sea la nueva ubicación X. Y por qué ubicación Para ser una nueva ubicación. Yo estoy haciendo esto porque cuando vamos a dibujar la siguiente línea, es X ubicación. Está empezando la explicación. Tiene que ser el punto que terminamos con esta alineación. Por lo que la nueva ubicación X para esta línea es el punto de partida. El explicativo para la siguiente línea. Mantuve algunas cosas mal, así que sólo voy a arreglar eso. Ahí vamos. Tenemos una simple caminata aleatoria. Ah, se salió de la pantalla. Vamos a tener que usar if para comprobar y asegurarnos de que nuestra victoria y caminar no se caiga por completo de la calle. Cuando obtenemos una nueva ubicación X e Y, necesitamos revisar. Es nuevo. X La ubicación es menor a cero. Oops, Weston dio. Entonces lo volveremos a poner a la ejecución solo lo hará más fácil siempre que intente salir la pantalla. Simplemente lo volveremos a poner al borde de la calle. Además, si la nueva ubicación X es mayor a 700 confiables fuera del lado derecho de la pantalla, lo mismo. Nueva ejecución. Vamos a establecer que sean siete años. Lo mismo para el por qué si el nuevo por qué ubicación es menor que cero como y trata de salir la parte superior de la pantalla y dije que sea cero. Y si el nuevo por qué ubicación es más grande que 700 ya que trata de salir del fondo de tres, entonces lo enviaremos a éstos a 100. Entonces todo esto está haciendo es comprobar si nos hemos caído de la pantalla. Y si acabamos de empujar el nuevo por qué ubicación o explicación de nuevo dentro de los límites y realmente ayudaría si lo escribes bien. Ve a Irán al borde dos veces hasta ahora. Y acaba de llegar. No, es hora de empezar a jugar para que esto sea un poco más bonito. Algo que podríamos hacer es cambiar hasta dónde caminamos aleatoriamente. A lo mejor deberíamos probar algo pequeño un primero, como tal vez sólo queremos ir cinco en cualquier dirección a la vez. Eso es diferente. O quizá queremos probar tus números. Y entonces tal vez cada vez que trazo una línea, en realidad me gustaría pegarle un círculo a la en Flint. A mí me gusta la forma en que se ve. Entonces yo voy a hacer eso. Voy a poner algún labio en la nueva educación X con máquina, y voy a lograrlo. O podría hacer que comience su tamaño. Um, pero yo quería seguir siendo siempre un círculo, así que voy a usar otra vez una variable. Estoy usando una variable aquí para que pueda usar el mismo número aleatorio en dos lugares. Eso es genial. me gustaría que no se fallaran mis elipsis, así que diría que no, A lo mejor sí quiero. Entonces tal vez quiero un color muy claro. ¿ Qué tal correr al azar? No verde. Y me gustaría que fuera bastante transparente. A lo mejor 20 de 2 55 Voy a cambiar los colores de mis líneas por que voy a hacer mi trazo. También, Brendan color entre una ventaja aleatoria en un aleatorio y nada Y voy a mantener mi salud. Eso es todo. Entonces como puedes ver estos bloques constructivos que hemos aprendido hasta ahora, estas funciones se pueden sumar de formas más complicadas para hacer cosas más interesantes . Y en este punto, es momento de simplemente jugar y empezar a explorar y dibujar cosas nuevas con las herramientas que 11. Exportar una imagen fijo: antes de que te deje te voy a mostrar una manera realmente rápida de exportar una imagen fija de tu pantalla. Si bajas por debajo de tu función de dibujo y pones en este código, evita presionar el ratón y luego dentro de la función pulsada del ratón, dices guardar marco y darle una U R L, que incluye los marcos más llenados y los símbolos £4. Esquivar un cerdo. Lo que sucederá es que cuando ejecutes tu boceto, si haces click, obtendrás una imagen fija de tu boceto. En ese punto, si salgo aquí a la carpeta en la que está mi boceto ahora encuentro una carpeta llamada Frames e imágenes fijas de los marcos en los que hice clic. 12. TU PROYECTO: es hora de tu proyecto. Tu proyecto es crear algo original usando Onley. las funciones que te he enseñado en esta clase se usa la aleatoriedad si las declaraciones las funciones configuradas y dibujan y mucho creativamente y se les ocurre algo original. Estoy muy emocionado de ver lo que se te ocurre. No olvides seguirme en share de habilidad para ser notificado cada vez que publique nuevas clases .