(prof. desde 2004)

prof-2004

prof-2004

Últimos assuntos

» 8.ºB - Sumários das aulas 1/2 e 3/4
Qui Fev 13, 2014 4:30 pm por Admin

» Apresentação
Qui Fev 13, 2014 4:17 pm por Admin

» Documentação
Seg Fev 10, 2014 6:03 pm por Admin

» Bem vindos!
Seg Dez 03, 2012 1:19 pm por Admin

Estatísticas

Os nossos membros postaram um total de 140 mensagens em 140 assuntos

Temos 63 usuários registrados

O último usuário registrado atende pelo nome de helena_margarida


    Introdução ao Processing ...

    Compartilhe
    avatar
    Admin
    Admin

    Mensagens : 144
    Pontos : 1470
    Reputação : 0
    Data de inscrição : 28/10/2009
    Localização : Portugal

    Introdução ao Processing ...

    Mensagem  Admin em Qua Set 14, 2011 5:00 pm

    Desta vez, e nesta primeira parte do ano lectivo iremos estudar este novo programa.

    A ideia por detrás deste Processing foi a mesma que tiveram os criadores do VisualG, ou seja, criar uma linguagem de programação que ajudasse na aprendizagem de todas as outras.

    Também continuaremos a criar programas para os novo sistema operativo Android. Para tal usaremos o Processing.

    Pode-se facilmente fazer o download do programa no seu website:

    > Para Windows;
    > Para Linux;

    Ao executarmos o Processing surge a seguinte imagem:



    Para compreendemos um pouco a forma de funcionamento do Processing tentem escrever a seguinte linha de código:

    line(0,0,20,20);

    E cliquem no botão com um símbolo semelhante ao botão de play:



    O resultado aparece numa outra janela, ou seja, uma linha.

    Se aquele código acrescentarmos as seguintes linhas:

    line(0,0,30,60);
    line(10,0,80,90);
    line(0,10,100,200);


    E executarmos o código, reparamos que criámos diferentes linhas, com início e fim em diferentes locais.

    Se pensarem um pouco chegam à conclusão que estamos a trabalhar com coordenadas/vectores (x,y).



    A função line(), cria uma linha desde o vector formado pelos seus dois primeiros valores até ao segundo:

    line(0,0,20,20); cria uma linha desde o vector(x,y): (0,0) até (20,20)

    Outra observação: Cada linha de código normalmente termina com ; à excepção do inicio e fim de outras funções como a setup() e draw().




    Outra função bastante semelhante à line() é a ellipse(), que, como o nome indica, cria uma elipse (ou circulo, conforme a vontade) usando também dois vectores:

    ellipse(100,100,200,200);

    Ao executarmos esta linha de código verificamos que temos apenas parte da elipse/circulo, o resto está fora da janela de output.
    Para resolver este problema, ou modificamos as coordenadas dos vectores ou alteramos o tamanho da janela.
    Por agora modificamos apenas as coordenadas:

    ellipse(10,10,20,20);

    Tentem usar diferentes coordenadas para obter a elipse em diferentes locais da janela.

    Se usarem as coordenadas (50,50,50,50) obtemos um circulo exactamente no centro da janela de output!

    Por fim, vamos colocar o nosso resultado final um pouco mais... colorido:

    Antes da função ellipse() usem a função fill(), por exemplo:

    fill(255,0,0);

    Esta permite preencher a elipse com uma cor à nossa escolha, sendo que os valores dentro da função são:

    255 - Red_Vermelho
    0 - Green_Verde
    0 - Blue_Azul


    A função stroke() permite alterar a cor das linhas que criámos anteriormente.
    ATENÇÃO: As funções stroke() e fill() afectam o código que vem logo a seguir:

    stroke(10,20,30);
    line(0,0,10,10);
    fill(40,60,90);
    ellipse(10,20,40,50);


    Executem para ver o resultado!

    Wink

      Data/hora atual: Qui Nov 15, 2018 4:47 pm