Return to Video

Bluescreen (12 mins)

  • 0:01 - 0:06
    En esta sección vamos a tomar las técnicas que hemos construido hasta ahora, hasta con la
  • 0:06 - 0:10
    bucle de cuatro y si declaración y la media técnica para detectar las áreas de color,
  • 0:10 - 0:15
    y ponerlos juntos hacer un efecto especial de película real. Por eso este efecto especial
  • 0:15 - 0:19
    llama proyección azul. Y debo señalar lo que piensas como datos de vídeo
  • 0:19 - 0:24
    es realmente acaba de hacer una serie de imágenes fijas regulares, sólo mostró algo parecido
  • 0:24 - 0:28
    20 a 60 veces por segundo. Por lo que para nuestros propósitos sólo haremos el efecto especial
  • 0:28 - 0:33
    en imágenes fijas, y se puede ver cómo podrá generalizar al cine. Así que la idea es que te
  • 0:33 - 0:38
    ser un modelo muy simple. Imagine que tiene la imagen de señal de stop. Por lo que tenemos, hemos hablado
  • 0:38 - 0:42
    acerca del código para detectar el área roja dentro de aquí. Lo de la pantalla azul
  • 0:42 - 0:46
    efecto, nos estamos va a tener una segunda imagen que llamaré, la imagen de fondo.
  • 0:46 - 0:50
    Y la idea es que nos podrá detectar las zonas rojas, como lo hemos hecho antes. Pero siempre
  • 0:50 - 0:54
    Obtengo un píxel aquí en el área roja, Wanna pensar sobre el tipo de
  • 0:54 - 0:59
    píxel correspondiente sobre de esta otra imagen. Y me vas a copiar ese píxel sobre
  • 0:59 - 1:04
    sorta rellenar toda el área rojo aquí con píxeles aquí desde otro
  • 1:04 - 1:08
    imagen. Lo sentimos, es un diagrama un poco más detallado del mismo. Por lo tanto, voy a hacer
  • 1:08 - 1:12
    ejemplos de un poco más. Pero vamos a tener un bucle de cuatro donde estamos tipo de
  • 1:12 - 1:16
    bucle a través de esta imagen. Y tendremos un if instrucción que se va a identificar
  • 1:16 - 1:21
    algunos de los píxeles hasta aquí. Así que vamos a decir que nosotros hemos identificado este píxel en la izquierda
  • 1:21 - 1:25
    imagen. Para que el píxel tiene algunas coordenadas XY y nosotros no hemos metido con el
  • 1:25 - 1:29
    XY mucho hasta ahora pero, usted sabe, quizás es de 200 X y y es 100 o lo que sea.
  • 1:29 - 1:33
    Por lo que queremos hacer es obtener esos dos números. Y luego encontrar el correspondiente
  • 1:33 - 1:38
    píxel aquí desde la otra imagen. Por lo tanto, tal vez a 200-100, o lo que sea es.
  • 1:38 - 1:43
    Hay algunos píxeles que coincida. Así que una vez que tenemos esa imagen correspondiente, un
  • 1:43 - 1:48
    píxel correspondiente de la imagen.
    Luego queremos copiarlo, para establecer la
  • 1:48 - 1:53
    píxel aquí. Y ya sabes, cómo? s que va a trabajar, cómo copiar un píxel
  • 1:53 - 1:57
    ¿sobre? Tienes que pensar, ' bueno, ¿qué define a un píxel? ¿Qué hace un píxel
  • 1:57 - 2:01
    el camino parece?' Y la respuesta es sólo los tres números. Es sólo rojo,
  • 2:01 - 2:05
    verde y azul. Así que vamos a escribir código para una especie de obtener el valor rojo de
  • 2:05 - 2:09
    Este píxel aquí y, a continuación, que establece como el valor rojo aquí. Asimismo para
  • 2:09 - 2:13
    verde y azul. Y estableciendo los tres números sobre los vas a hacer el
  • 2:13 - 2:17
    píxel sobre esta imagen sólo exactamente el mismo aspecto como el píxel aquí en este
  • 2:17 - 2:22
    lateral. Por lo tanto, aquí es parte del código, aquí está nuestro primer ejemplo de código para hacer esto. Y más bien
  • 2:22 - 2:27
    que sorta describir el efecto, creo que en este caso sólo podrá ejecutarla por lo que podemos ver
  • 2:27 - 2:32
    y, a continuación, lo hablaremos acerca de lo que hacen las líneas. Por lo tanto, aquí vemos el sorta como
  • 2:32 - 2:38
    se indicó antes, la parada de firmar con todos sus todas las áreas rojas de la señal de stop.
  • 2:38 - 2:43
    Nos hemos sustituido en píxeles de la imagen lleva en su lugar. Así que permítanme señalar,
  • 2:43 - 2:49
    el, cómo las partes de este trabajo. En primer lugar, por lo que fuera en todos los ejemplos hasta ahora, creo que
  • 2:49 - 2:53
    sólo hemos abierto una imagen, pero resulta que puede tener varias imágenes. Así que aquí
  • 2:53 - 2:57
    Abrir una segunda imagen para el jpeg de hojas, y almacenar en una variable
  • 2:57 - 3:01
    devolver la llamada. Hasta entonces todo este código que hemos visto antes. Sólo estoy función de bucle en el
  • 3:01 - 3:06
    señal de Stop y detectar los píxeles rojos. Así que lo interesante es aquí dentro de
  • 3:06 - 3:11
    Si declaración. ¿Qué hacemos cuando tenemos un píxel rojo. Y rompe sorta
  • 3:11 - 3:17
    a las tres partes. Estas dos primeras líneas sólo llamar pixel.getX y pixel.getY, y
  • 3:17 - 3:22
    almacenar los valores resultantes en las variables x e y. Ahora creo que no he usado getX
  • 3:22 - 3:27
    y getY hasta ahora, pero lo que tho-, quienes lo es simplemente ir a un píxel y
  • 3:27 - 3:32
    recuperar cualquiera que sea su x, y fuera de ella, por lo tanto muy análoga a la getRed y getBlue.
  • 3:32 - 3:38
    Por lo que sólo me va a almacenar en estas variables x y. Y entonces en esta línea. ME
  • 3:38 - 3:43
    tomar esos dos números, x e y. realmente sorta podrá leer dejó a aquí. Por lo tanto
  • 3:43 - 3:47
    Voy a la imagen de la espalda, por lo es, la imagen de hojas. Y pido getPixel, así que me
  • 3:47 - 3:52
    ¿quieres recuperar un píxel de la misma. Y entonces tengo que darle algunos x y y, en este
  • 3:52 - 3:57
    caso x e y que i wanna uso es el x, y que fue establecido aquí. Tan esencialmente,
  • 3:57 - 4:01
    es el x, y del píxel de la parada de firmar imagen, diciendo, lo que sea que x, y,
  • 4:01 - 4:07
    ir a buscar que s, el píxel en la x de la misma, y de la imagen de hojas. SO. Una vez que tenemos
  • 4:07 - 4:12
    ese píxel, luego yo sólo voy a iniciar otra variable denominada píxel dos. Por lo tanto
  • 4:12 - 4:16
    ¿Pregunta natural sería como, oh bien no podíamos simplemente pedimos ese píxel? Así nos
  • 4:16 - 4:20
    no se llama píxel, porque ya estamos usando píxeles para referirse a los píxeles
  • 4:20 - 4:24
    la imagen de la señal de stop. Así, dos píxeles sólo parecían sorta más obvia otros
  • 4:24 - 4:29
    nombre que se utilizará. Todos los derechos, así que en este momento, tengo dos píxeles y píxel dos se refiere a
  • 4:29 - 4:34
    el píxel de la imagen de fondo de la imagen. Y ahora, estos tres
  • 4:34 - 4:39
    líneas de hacen lo que estaba describiendo antes como una copia. Tan sólo veamos la primera de ellas.
  • 4:39 - 4:43
    Dice punto de píxel, conjunto rojo. Por lo que hemos visto, como 100 veces. I'm gonna set
  • 4:43 - 4:48
    el valor del píxel de la imagen de señal de stop rojo. ¿Y qué, ¿qué soy va a establecer
  • 4:48 - 4:53
    ¿ese valor rojo que? Y lo que me va a definir que es, es, punto dos, píxeles, obtener rojo.
  • 4:53 - 4:58
    Por lo que estoy recibiendo el píxel de la imagen, obteniendo el valor rojo. Así, 160, o
  • 4:58 - 5:02
    sea lo que sea. Y estoy solo que va a definir en la imagen de señal de stop. Por lo tanto
  • 5:02 - 5:07
    repetir que para verde y azul, somos simplemente, esencialmente justa, nos estamos copiando el
  • 5:07 - 5:12
    tres números más. Así que, en efecto, esta copia del píxel. Por lo tanto, es muy
  • 5:12 - 5:17
    complicado. Quiero hacer algunos ejemplos de esto. Permítanme hacer un segundo ejemplo.
  • 5:17 - 5:22
    Esto es una imagen del bebé Abby, cuando ella es como seis meses de edad. Bebé poco feliz en
  • 5:22 - 5:28
    su silla bouncy. Y más tarde cuando ella es una adolescente puede ser loco a mí para utilizar
  • 5:28 - 5:33
    en este ejemplo. ¿Qué voy a hacer eso, o, en este caso lo que quiero hacer es,
  • 5:34 - 5:39
    Observe las áreas verdes de la Cátedra bouncy. Quiero que el tipo de copia sobre el
  • 5:39 - 5:45
    hojas por lo que obtener este tipo de efecto frondosos de bebé de naturaleza. Y, como recordarán, hay
  • 5:45 - 5:51
    eran básicamente dos cosas que necesitaba hacer en el bucle de aquí. Bueno lo primero que debería
  • 5:51 - 5:57
    punto, por lo que soy, voy a llamar píxel punto obtener verde, pues si, la prueba. Por lo tanto
  • 5:57 - 6:02
    el primer problema fue esto. Obtener el píxel de obtener dos. Obtenga el píxel correspondiente.
  • 6:02 - 6:07
    Y aquí voy a escribir como una sola línea. Por eso digo, vuelta. Así que voy a otro
  • 6:07 - 6:12
    imagen. Copia píxeles de obtener puntos. Y voy tipo de espacio aquí. Quiero obtener el
  • 6:12 - 6:17
    píxel de la imagen, y entonces tengo que especificar el x, y. Y aquí lo que
  • 6:17 - 6:21
    queremos hacer es, bueno, Wanna especificar la x, y y del píxel de la señal de stop
  • 6:21 - 6:26
    imagen. Y previamente lo que hice por tener x, y variables y bueno, eso está bien. Pero
  • 6:26 - 6:30
    Estoy, en este caso yo estoy va a compactarlo abajo para hacerlo en una sola línea. Así que realmente
  • 6:30 - 6:35
    Sólo puedo decir, pixel.getX. Por lo tanto píxel es el píxel de la imagen de señal de stop. Y
  • 6:35 - 6:40
    Sólo podrá llamar a getX y que obtiene que el valor de x y luego me voy solo, voy a poner
  • 6:40 - 6:46
    directamente aquí dentro de. La llamada back.getPixel. Así que esta es la misma idea como antes
  • 6:46 - 6:51
    pero sólo he compactado lo a una línea. Todo derecho, por lo una línea establece
  • 6:51 - 6:56
    dos que el píxel correspondiente de píxel.
    Y, a continuación, la segunda cosa que debemos hacer
  • 6:56 - 7:02
    el bucle es esta copia durante la operación, y que sólo literalmente es el mismo por lo que iré
  • 7:02 - 7:09
    simplemente, voy copiar que desde aquí arriba.
    Muy bien. Ahora deshacerse del blanco.
  • 7:09 - 7:15
    Estas líneas en blanco son inofensivas. Muy bien, así que vamos a tratar, vamos a intentar. Muy bien. Por lo tanto
  • 7:15 - 7:22
    Puedes ver que tenemos, estamos obteniendo un poco de los datos de la hoja aquí pero
  • 7:22 - 7:29
    no es un poco delgado. Así que necesitamos hacer esto un poco más pequeño. 2.4 es una
  • 7:29 - 7:46
    poco más, quieren más. Completar dos. Sólo un poco más y [sonido]
  • 7:46 - 7:54
    Demasiado. [risa] Muy bien. Así que vamos a tratar de 1.05. Demasiado para mí. Bueno, creo que
  • 7:54 - 7:58
    eso es bastante bueno. Por lo que se puede ver, es una especie de, ustedes saben, hubo flechas verdes
  • 7:58 - 8:02
    aquí. Hay una especie de la zona de sombra que tiene, es decir, quizás apenas
  • 8:02 - 8:05
    verdoso. Y luego hubo algunas mantas verdes aquí que ordenamos de
  • 8:05 - 8:09
    salpicado estas hojas. Por lo que es, es un lindo efecto. O, es algo inquietante,
  • 8:09 - 8:13
    derecho, que hemos recibido estos píxeles de la imagen de la hoja y una especie de ponerlos en
  • 8:13 - 8:17
    esta otra imagen y se ve, bueno, no es totalmente realista. Pero pudo ver
  • 8:17 - 8:21
    donde, con ajuste, podría conseguir este efecto real. Muy bien, así que vamos a tratar de uno
  • 8:21 - 8:29
    como las películas. Por lo que el miedo es nuestro mono estrella de cine. Y he tomado una foto de mono
  • 8:29 - 8:34
    delante de un fondo azul. Es sólo una toalla azul. Verá que el mono es
  • 8:34 - 8:39
    marrón y tiene una ligera barriga aquí y Hola, esta banana es una especie de una luz
  • 8:39 - 8:45
    amarillo. Así que si piensas de brown y bronceado y amarillo, son todos tipo de. Por cerca de
  • 8:45 - 8:49
    ¿amarillo, correcto? Así que hay un montón de rojo/verde, solía hacerlo. No mucho
  • 8:49 - 8:53
    de color azul. Así que separa el fondo azul, en términos de pensar en el mono
  • 8:53 - 8:57
    en términos de RGB, se va a trabajar bastante bien. Así que aquí es lo que quiero utilizar como el
  • 8:57 - 9:02
    Fondo. Se trata de un candidato para uno de los cuadros más famosos jamás tomados. Esto
  • 9:02 - 9:06
    es una imagen tomada por los astronautas de Apolo ocho como lo fueron, estaban en
  • 9:06 - 9:10
    órbita. Ellos estaban volando alrededor de la Luna, y como vinieron aquí, alrededor de la tierra
  • 9:10 - 9:15
    loomed. Tipo de mostrar la tierra justo sobre el horizonte de la Luna. [inaudible]
  • 9:15 - 9:20
    sólo un salvavidas poco que somos todos. Así que lo que quiero hacer es empezar con el mono
  • 9:20 - 9:25
    imagen, y para todos estos píxeles azules, quieren tirar en píxeles desde la Luna
  • 9:25 - 9:32
    imagen. Y así se vería como el mono es como, de vacaciones en la Luna. Así que iré
  • 9:32 - 9:40
    simplemente agarrar. Este código para empezar. Vamos a ver. Muy bien, así que lo que quiero hacer es, para la
  • 9:40 - 9:47
    Si, quiero decir si consigue azul. ¿Por lo tanto Wanna detectar el derecho de fondo azul? Y si
  • 9:47 - 9:54
    es el fondo azul y, a continuación, Wanna Tire en píxeles desde la Luna, el. Por lo tanto
  • 9:54 - 10:00
    aquí nuestra imagen es mono vuelve Luna [inaudible] I've got mi si declaración. Y
  • 10:00 - 10:04
    ¿entonces, esto [inaudible] es invariable, verdad? Es justo, obtener la correspondiente
  • 10:04 - 10:08
    ha sin cambios desde el ejemplo anterior. Por lo que acaba de obtener la correspondiente
  • 10:08 - 10:13
    píxel, copia en rojo, verde, azul. Lo que no requiere cambiar en absoluto.
  • 10:13 - 10:18
    Muy bien, así que vamos a probarlo. Muy bien, así que, a 1,5 lo que está ocurriendo aquí es si
  • 10:18 - 10:24
    Declaración nunca es disparar. He especificado que he hecho la valla demasiado alta. Vale lo
  • 10:24 - 10:33
    vamos a intentar 1.3. Ah, sólo un poco teeny hunt. Así que estoy demasiado alto. Vamos a intentar 1.1. Eh,
  • 10:33 - 10:38
    bien. Ahora que puede ver, ustedes saben, s, la bluishness de esta parte de la azul
  • 10:38 - 10:44
    fondo tal vez sólo fue un poco más, por lo estamos recibiendo, pero no hacia abajo
  • 10:44 - 10:49
    aquí. Por lo que se deba tratar de 1.0. Ahora es llegar allí. Tenemos un poco menos,
  • 10:49 - 10:55
    así que realmente podemos ir podemos ir bajo uno aquí por lo que voy a tratar de 0,9 como la
  • 10:55 - 11:00
    Hurdle donde sólo estoy bajando el obstáculo.
    Ooh, es bastante buena. Ver, hay una
  • 11:00 - 11:06
    teeny poco de Luna en su barbilla allí. 0.95. Allá vamos, que es bonito
  • 11:06 - 11:10
    buena. Podríamos, nosotros podríamos ajustar esto [inaudible], creo, tres, hay un
  • 11:10 - 11:16
    poco de, allá vamos. Creo que es perfecto. Por lo tanto, puede ver que tiene, sabes,
  • 11:16 - 11:23
    como estrella de cine en las batallas de láser, nave espacial, como sea. Muy bien. Tan sólo a
  • 11:23 - 11:27
    resumir un poco. En el código vas a tener dos imágenes en lugar de uno y luego
  • 11:27 - 11:31
    bucle a través de la imagen principal y sólo un poco la forma en que hemos hecho antes,
  • 11:31 - 11:36
    identificar áreas de algún color. Y luego, una vez que haya identificado una zona que se encuentra en
  • 11:36 - 11:41
    el color preocupa, entonces no existe esta operación para localizar el correspondiente
  • 11:41 - 11:45
    píxeles de otra imagen y luego copiar sus valores rojos, verdes, azules, a
  • 11:45 - 11:50
    obtener el efecto de hacer. Y como se puede imaginar. Ustedes saben, es bastante fácil
  • 11:50 - 11:52
    son ejercicios que trabajan sobre esta técnica.
Title:
Bluescreen (12 mins)
Video Language:
English
jonjanaya edited Spanish subtitles for Bluescreen
jonjanaya edited Spanish subtitles for Bluescreen
jonjanaya added a translation

Spanish subtitles

Revisions