Image Code

Nesta seção, vamos combinar o código acima idéias com as idéias de

imagens e números de pixel RGB, para fim
para trazer esse conjunto. Agora, exemplos

Nesta seção, vamos manipular um pixel de cada vez. E, em seguida, o seguinte

seção, vamos estendê-lo para construir, fazer milhares de pixels de cada vez. Portanto, para obter

começou, eu olho para isso, a imagem chamada X.png. E a imagem é muito pequena, de modo que

pode [inaudível] aqui. Portanto, uma imagem é 10 por 10, que é mostrado na

página. É uma imagem em preto com um X branco desenhado nele. E como eu disse, é

bastante pequeno. Mas vamos lá, vamos mostrar um pouco maior em um segundo. Assim, o PNG

é um, um formato de imagem, gráficos de rede portáteis. Como, JPEG é um formato

poderia ser mais familiar. então esses são os dois formatos de imagem. Assim, neste

caso, [o som]. O que eu quero ver aqui. Isto é algum código que carrega o XP superior e G

a imagem e exibe. Por conseguinte, um primeiro exemplo de código será muito simples,

trabalhando com as imagens. Então aqui está o código a partir daqui, e eu só vai falar sobre

o que cada linha. Portanto, esta primeira linha, a imagem é igual à nova imagem e facilmente. De

[Inaudível] PNG. O que isto significa, é certo na sua essência. Carrega

X.png imagem na memória. E vamos falar mais detalhadamente a seguir, o que, o que a memória

é. Mas basta dizer que é meio, que recebe em seu computador para que você possa,

a equipe pode trabalhar sobre ela. Assim, uma vez que você tem a imagem, o sinal de igual aqui

simplesmente armazenado em uma variável, eu sou, eu estou chamando a imagem, como, como

variáveis vimos antes. A segunda linha, image.setzoom20. O que ele faz é

chamar, definir, definir a função de zoom,
que é algo que eu tenho fotos. E

passa o número 20. E tudo o que faz. É que a opção para mostrar a

tamanho da imagem de 20x? E assim por diante. Isso é apenas algo que eu usaria uma pequena imagem como

Esta é apenas uma amostra de forma suficientemente grande, o qual
Eu posso ver. E, finalmente, Imprimir (PRINT)

A imagem é muito semelhante ao que vimos antes disso, só imprime a imagem em

do lado direito, como vimos, strings e números antes. Então, todos nós podemos

em um julgamento. Então, se eu executar esse que você vê
estão aqui é X.png aparecem aqui. E

Ato, você pode realmente ter um, dois, três, quatro. Você pode realmente ter mais,

e ver que ele é de fato 10 por dez pixels. Mostra-se aqui em

vinte XIS. Então, realmente pode mudar este número aqui. Então se eu posso mudar isso para um

10 e execute novamente ele, então tudo bem, bom, agora é de apenas 20 vezes. E se eu

como, um, um aqui de 40 anos, e executá-lo, [inaudível]. Então, eu vou colocá-lo de volta para o

20. [Som] por isso é apenas um exemplo, antes de algum código, mas nós

tipo de ir a maneira de ser capaz de carregar e manipular imagens. Direito, de modo que

para tornar este um pouco mais interessante. Eu quero estender o código para lidar

com pixels individuais, então eu sou um adicionar um par de linhas no centro de um

programa aqui, então essa linha pixelequalsimage.getpixel00. Como

Qual será a imagem e seu curso para obter uma referência para um pixel particular

sempre desde que as coordenadas X, Y especificar aqui que, para 0,0 ou referência,

o pixel superior esquerdo, de modo que de referência
para o pixel superior esquerdo e armazena no

uma variável de pixel e, em seguida, esta linha. Pixel
setRed ponto 255. Que chama uma função

pixels setRed chamado e que o, o que
setRed não é necessário em qualquer número aqui

entre os parênteses e qualquer número que leva e coloca-o no

valor do pixel da cor vermelha para esse número. Portanto, vou executar este. Precisamos ver

o que faz. E o que você vê é o que fez código de referência é obtido

isso, o pixel superior esquerdo e era negro antes e eu me lembro, eu me lembro

cada um, cada pixel tem três números em vermelho, verde e azul. E então o que esta

código não era a quantidade de vermelho e mudado para 255, apenas o cancelamento

tudo o que tinha antes. Então, quando vemos que, isso mesmo é mostrado como um pixel vermelho,

assim. Um conjunto de rede para alterar os valores de vermelho. Há um conjunto de função semelhante

Verde e virou azul. Portanto, temos estes três, Conjunto de rede, defina Defina Verde e Azul.

E assim, com isso, você pode mudar
Os valores de vermelho, verde e azul para ser

o que quer, onde quiser. Portanto. Ah, e vou falar sobre os bastidores para que eu, eu

você sabe, introduziu três funções. Há uma página separada

Funções da imagem de referência, que apenas lista
todas as funções de uma tabela, de modo que, para alguns

ano subsequente, talvez você queira, você pode ver que se você quer se lembrar que um

função faz. Mas normalmente eu só vai para a conferência, se vou usar uma

Vou trabalhar, como eu vou falar sobre isso. Então, o que posso fazer para

mostrar como, como essas funções estão apenas passando por uma série de exemplos

Basta usar para fazer algo. Ok, então aqui estão eles, para que o formato

isto é o que eu tenho, uma área um código aqui com algum código para iniciá-lo. E

abaixo na tabela abaixo, acabei de receber um monte de pequeno desafio,

problemas como, oh, algo que define verde ou amarelo ou o que quer, e vai

através deles. Para cada um deles, no lado direito existe esta pequena

exibir o botão, então você pode clicar para ver o código da solução. Então depois você pode ir

esta página para você mesmo e as experiências que eu tentei você pode apenas tentar

tentar variações do mesmo ou o que quer. Ok, então vamos tentar isto primeiro. Bem

na verdade, aqui eu vou, eu corro o primeiro código para ver o que ele faz. Ok, então direita

Agora está ficando 0,0 pixels e defini-lo em vermelho. Assim, mais ou menos sido

como antes. Ok, então o que é o primeiro problema [inaudível]. 0,0 de pixel definido para ser

verde. Então, o caminho aqui é em Inglês, eles dizem, bem isso é um efeito que foi

Para e no sentido dos passos que estamos aqui para pensar

assim, seria no domínio do código, em termos de chamadas de função e números.

Quais são a série de operações que queremos fazer para obter esse efeito? Então você é tipo

essencialmente traduzir Inglês para o computador. Portanto, neste caso se diz

estabelecer verde. Então o que eu faço para fazer isso, em vez de chamar o vermelho inteiro

função, eu vou mudá-lo para o estabelecimento da chamada verde. Então, vamos tentar isso. Aqui vamos nós.

Temos de pixel [inaudível] e coisas verdes. Vamos tentar o seguinte. A seguir uma

configurar disse pixels 0,0 a ser amarelo. Tão bom, tão bem, para que o pixel aparece

amarelo, o que eu quero é que tanto os valores de vermelho e verde para ser 255. Você sabe,

o amarelo é igual vermelho mais verde. Então, para fazer
que, para alterar tanto a vermelho e

verde. Vou copiar esta linha, e terá de colá-lo aqui. E eu só vou mudar

esta uma para vermelho. Portanto, estou confiante de que, uma vez que tenho a referência

de pixels, o que posso fazer várias coisas para ele.
Portanto, a seguir, nesta primeira linha, eu chamo para definir

Red, eu posso mudar o valor vermelho. E então eu posso chamar o conjunto verde na linha após a

mudar a cor verde. E você, o código que aconteceu e fazer cada um dos

as coisas internamente. Então, vamos tentar isso. E, de fato, tornam-se amarelo. Então, eu tenho,

Este sorta remonta à idéia de que existe este pixel. De facto, só tinha

estas três questões aqui. E aqui estou eu escrevendo código linha por linha a ficar um pouco

lá e mudar estes números. Vamos tentar o seguinte. 1,0 de pixel definido para ser

amarelo. Onde é que pixel? Assim, de modo que esta linha de volta ao ponto de recepção de imagens

linha de pixels, que não mudaram até agora. Assim, a maneira como isso funciona é

qualquer número que você especificar, zero, zero qualquer que seja, isso é apenas uma forma de identificar

o pixel diferente aqui dentro. Então, se eles dizem que um zero, você vai ter o pixel

x é igual a um, e é igual a zero, de modo que [Inaudível] é que é seguinte na linha. Assim, se

Eu executá-lo, só podemos ver o que ele faz. Portanto, o que é visto é que é uma mais do que o

direito. Então, realmente, você pode especificar nada aqui. Eu poderia dizer, você sabe,

dois mandatos de quatro Vamos ver onde, se eu executá-lo. Ah, bem, aparentemente, que está aqui.

Então, isso vai voltar ao que eu estava dizendo um par de seções atrás. Isto é que é,

X é igual a zero, isto é X é igual a um, isto é X é igual a dois. Vamos brincar com

um monte de detalhes para jogar com os valores XY diferentes, nós apenas apreciar

que. Mesmo se eu tiver um milhão de pixels aqui é que x, y esquema que poderia

marcar um X em especial o número e discar exatamente um pixel particular.

Assim, o texto diz, fornece 00 pixels para o alvo. Então, eu vou mudá-lo novamente, para ser

00 pixels, então o que eu posso fazer para [inaudível] para ser cola branca? A resposta é

deseja definir os três valores a 255. Esta notificação, em vez de dizer, reescrevendo pixel.,

tornando-o pela mão, muitas vezes é mais fácil copiar um existente e

depois é só mudar um pouco. Então eu vou colocar em uma terceira chamada aqui

pixel.setblue255. Assim, o resultado de três. Vamos tentar. Sim

na verdade, ela chega a ser branco. Então eu coloquei os três valores

[Inaudível]. Portanto, há problemas de um casal mais aqui. Eu realmente não estou indo para

trabalhar, mas se você quiser, pode ir a esta página e tente qualquer número de

experiências ou tentar as também. E então, quando você se sente confortável com isso

tipo de material, então, nós estaremos prontos para alguns em, alguns dos exercícios.