Puzzles

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

Esta é apenas uma pequena secção de apresentar um tipo de crivo com base

o tipo de código de manipulação de imagem que temos vindo a trabalhar. A ideia é, não há uma imagem de alguns

objeto misteriosa, e os valores de vermelho, verde e azul da imagem ter sido

de outro modo confuso. Então você precisa fazer é escrever código para corrigir

valores de vermelho, verde e azul, e assim revelar a imagem original, e ver o que é.

Bem, aqui está um exemplo. Vou fazê-lo. Isso é chamado de o "enigma de ouro."

E a idéia é, um objeto é mostrado aqui. E o que aconteceu com ele

é que, em primeiro lugar, os valores de verde e azul, a imagem ter sido

substituído com valores aleatórios entre 0 e 255. E, na verdade, se você ver,

isso dá um tipo de olhar ... "Snowy". E como você pode ver lá

alguns pixels na verde é muito elevada, cerca de pixels na azul é muito elevada;

estes são apenas azul ou verde. E depois há este tipo de pixels turquesa espalhados por toda a imagem;

são os casos onde tanto o azul e verde são ricos. Portanto, esta é

um nível de desordem nesta foto. A outra coisa que aconteceu

é que a imagem que deseja recuperar está no

valores de vermelho. Na verdade, é apenas nos valores de vermelho: verde e azul são por si só, de uma forma, para longe.

Mas os valores foram divididos por 10, você é muito escuro. Então o que estamos vendo aqui,

na versão escura, há uma imagem em vermelho escuro

para trás e foi coberta por neve este tipo de aleatório.

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.

Deixe-me começar por aqui. Como de costume, para isso, vou começar

com apenas uma área de texto em branco para escrever o código, e então para cá, há uma solução,

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.

Ok, a primeira coisa que eu quero fazer ... então eu só ver se eu executá-lo assim:

o ciclo é vazio, então se eu executá-lo, é só pegar o quebra-cabeças

original. Ok, então a primeira coisa que faço é dizer

"Pixel-ponto-zero-setGreen" [pixel.setGreen (0)].

Vou eliminar os valores verdes. Acabei de me livrar deles

e ver o que fizemos. Hum, ok, agora, bem, melhor. Agora, simplesmente

temos este azul neve. Pelo menos conseguimos nos livrar do verde neve

então eu vou me livrar da neve azul também. Então eu digo "pixel-ponto-zero-setBlue" provar isso.

Bem, hum. Eu comecei livrar da neve, mas agora o problema é que o

imagem, que está nos valores de vermelho é tão escuro que não podemos ver. Assim

tecnicamente lá, mas invisível. Então eu preciso fazer é redimensioná-la de volta,

Você concorda? É escuro, eu só preciso ser mais claro. Então eu digo "pixel-ponto-de-setRed:

pixel-dot-getRed ... "parece algo como cinco, dez, vinte,

neste puzzle. Então, eu vou ... Neste caso, as instruções dizer que foi reduzida

por um fator de 10. Em seguida, as costas largas por um fator de 10.

Ha! Aqui vamos nós. Assim, esta é a solução de imagem.

É uma fotografia da ponte Golden Gate, como pode ser visto do lado de San Francisco. Agora,

é um pouco ... obviamente, não parece bom. O que aconteceu é que, como

os dados são apenas no vermelho, mesmo quando recuperado, é apenas vermelho. Quer dizer, eu

realmente acontece é que esta é essencialmente uma imagem em preto e branco

e normalmente é exibido em uma espécie de branco para preto espectro. Neste caso,

a imagem está sendo exibida em um espectro de preto para vermelho. Portanto, esta é a imagem certa, só

tem apenas o vermelho. Para esta seção, vamos dizer que é bom o suficiente, você sabe,

Você pode ver o que é suposto ser.
Em uma seção posterior, mostrar como

corrigi-lo e torná-lo parecido com uma imagem em preto e branco em si.