Return to Video

Puzzles

  • 0:01 - 0:06
    Esta é apenas uma pequena secção de apresentar um tipo de crivo com base
  • 0:06 - 0:11
    o tipo de código de manipulação de imagem que temos vindo a trabalhar. A ideia é, não há uma imagem de alguns
  • 0:11 - 0:16
    objeto misteriosa, e os valores de vermelho, verde e azul da imagem ter sido
  • 0:16 - 0:21
    de outro modo confuso. Então você precisa fazer é escrever código para corrigir
  • 0:21 - 0:26
    valores de vermelho, verde e azul, e assim revelar a imagem original, e ver o que é.
  • 0:26 - 0:32
    Bem, aqui está um exemplo. Vou fazê-lo. Isso é chamado de o "enigma de ouro."
  • 0:32 - 0:37
    E a idéia é, um objeto é mostrado aqui. E o que aconteceu com ele
  • 0:37 - 0:43
    é que, em primeiro lugar, os valores de verde e azul, a imagem ter sido
  • 0:43 - 0:49
    substituído com valores aleatórios entre 0 e 255. E, na verdade, se você ver,
  • 0:49 - 0:53
    isso dá um tipo de olhar ... "Snowy". E como você pode ver lá
  • 0:53 - 0:57
    alguns pixels na verde é muito elevada, cerca de pixels na azul é muito elevada;
  • 0:57 - 1:00
    estes são apenas azul ou verde. E depois há este tipo de pixels turquesa espalhados por toda a imagem;
  • 1:00 - 1:04
    são os casos onde tanto o azul e verde são ricos. Portanto, esta é
  • 1:04 - 1:08
    um nível de desordem nesta foto. A outra coisa que aconteceu
  • 1:08 - 1:13
    é que a imagem que deseja recuperar está no
  • 1:13 - 1:18
    valores de vermelho. Na verdade, é apenas nos valores de vermelho: verde e azul são por si só, de uma forma, para longe.
  • 1:18 - 1:23
    Mas os valores foram divididos por 10, você é muito escuro. Então o que estamos vendo aqui,
  • 1:23 - 1:27
    na versão escura, há uma imagem em vermelho escuro
  • 1:27 - 1:32
    para trás e foi coberta por neve este tipo de aleatório.
  • 1:32 - 1:38
    azul claro e verde, por isso não podemos vê-lo. Então o que nós queremos fazer é escrever código para consertá-lo.
  • 1:38 - 1:46
    Deixe-me começar por aqui. Como de costume, para isso, vou começar
  • 1:46 - 1:51
    com apenas uma área de texto em branco para escrever o código, e então para cá, há uma solução,
  • 1:51 - 1:55
    botão para mostrar a solução [solução Show], então se você quiser visitar esta página e tente você mesmo, você pode fazer e conseguir o código.
  • 1:55 - 1:59
    Ok, a primeira coisa que eu quero fazer ... então eu só ver se eu executá-lo assim:
  • 1:59 - 2:04
    o ciclo é vazio, então se eu executá-lo, é só pegar o quebra-cabeças
  • 2:04 - 2:08
    original. Ok, então a primeira coisa que faço é dizer
  • 2:08 - 2:12
    "Pixel-ponto-zero-setGreen" [pixel.setGreen (0)].
  • 2:12 - 2:17
    Vou eliminar os valores verdes. Acabei de me livrar deles
  • 2:17 - 2:22
    e ver o que fizemos. Hum, ok, agora, bem, melhor. Agora, simplesmente
  • 2:22 - 2:29
    temos este azul neve. Pelo menos conseguimos nos livrar do verde neve
  • 2:29 - 2:36
    então eu vou me livrar da neve azul também. Então eu digo "pixel-ponto-zero-setBlue" provar isso.
  • 2:37 - 2:43
    Bem, hum. Eu comecei livrar da neve, mas agora o problema é que o
  • 2:43 - 2:49
    imagem, que está nos valores de vermelho é tão escuro que não podemos ver. Assim
  • 2:49 - 2:55
    tecnicamente lá, mas invisível. Então eu preciso fazer é redimensioná-la de volta,
  • 2:55 - 3:00
    Você concorda? É escuro, eu só preciso ser mais claro. Então eu digo "pixel-ponto-de-setRed:
  • 3:00 - 3:05
    pixel-dot-getRed ... "parece algo como cinco, dez, vinte,
  • 3:05 - 3:10
    neste puzzle. Então, eu vou ... Neste caso, as instruções dizer que foi reduzida
  • 3:10 - 3:15
    por um fator de 10. Em seguida, as costas largas por um fator de 10.
  • 3:15 - 3:20
    Ha! Aqui vamos nós. Assim, esta é a solução de imagem.
  • 3:20 - 3:25
    É uma fotografia da ponte Golden Gate, como pode ser visto do lado de San Francisco. Agora,
  • 3:25 - 3:31
    é um pouco ... obviamente, não parece bom. O que aconteceu é que, como
  • 3:31 - 3:36
    os dados são apenas no vermelho, mesmo quando recuperado, é apenas vermelho. Quer dizer, eu
  • 3:36 - 3:41
    realmente acontece é que esta é essencialmente uma imagem em preto e branco
  • 3:41 - 3:45
    e normalmente é exibido em uma espécie de branco para preto espectro. Neste caso,
  • 3:45 - 3:50
    a imagem está sendo exibida em um espectro de preto para vermelho. Portanto, esta é a imagem certa, só
  • 3:50 - 3:55
    tem apenas o vermelho. Para esta seção, vamos dizer que é bom o suficiente, você sabe,
  • 3:55 - 3:59
    Você pode ver o que é suposto ser.
    Em uma seção posterior, mostrar como
  • 3:59 - 4:04
    corrigi-lo e torná-lo parecido com uma imagem em preto e branco em si.
Title:
Puzzles
Description:

Professor Nick Parlante exemplifies how to solve an image puzzle using JavaScript.

more » « less
Video Language:
English
Kaio edited Portuguese, Brazilian subtitles for Puzzles
Kaio edited Portuguese, Brazilian subtitles for Puzzles
Kaio added a translation

Portuguese, Brazilian subtitles

Revisions