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.