Blog destinado ao curso Sistemas e Mídias Digitais - SMD

  • DOUGLAS SILVA ART

    Curta a minha página no Facebook

  • THE CHIBIMAKERS

    Curta também a página do grupo The chibimakers, no qual postamos sempre desenhos no estilo Chibi.

sábado, 2 de setembro de 2017

Atividade 02 - MAMI

A ferramenta debug é utilizada para tirar os bugs do código, ou seja, depurar o código em tempo real de execução. No Processing, essa opção não existia até a versão 3 do programa e os usuários tinham que usar o comando println( ) para tentar achar os problemas de forma manual.



Para usar essa ferramenta, basta clicar no menu debug e abilitar a opção Enable Debugger, ou clicar no botão redondo de inseto no canto superior direito. Na tela vai passar a ter mais 4 botões: run/debug, step, continue, e parar, respectivamente da esquerda para direita. O run/debug faz rodar o programa todo sem fazer pausas. O step vai rodar o código linha por linha, mostrando assim o que está acontecendo em cada linha de código. O continue vai rodar o código avançando de breakpoint breakpoint, mostrando assim o que acontece entre essa parte do código. 



Pra explicar melhor, vou usar como exemplo um código no qual deverá posicionar contiguamente da direita pra esquerda n quadrados de 50 pixels de lado, sendo n uma variável global definida no início do código. Usando n = 4, na janela de variáveis, é possível ver o contador x sendo incrementado dentro do laço for, indo de 0 até 3. Quando o laço acaba ele deixa de existir, provando que está tudo certo com o código. Contudo, no exemplo original, o código para se calcular a posição x dos quadrados era x*50, o que seria incorreto para a questão, então foi modificado para with-(x*50)-50, pois a questão era para mostrar os quadrados da direita pra esquerda, e com o código antigo, seriam mostrados da esquerda pra direita.


Se você quiser ver como foi feito, basta clicar aqui para baixar o código do projeto.
Share:

domingo, 27 de agosto de 2017

Atividade 01 - MAMI

O documentário "Hello World! Processing” mostra que o processing é uma linguagem bem simples e fácil de usar, focada na parte visual e nos padrões matemáticos encontrados na natureza, onde você não precisa de muito conhecimento prévio para fazer o que você quer. Então seguindo a lógica do documentário e instigado pelos professores da disciplina de MAMI, eu peguei um exemplo existente no próprio site do Processing.org e fiz algumas modificações

Regular Polygon

Eu usei o exemplo do “Regular Polygon”, mostrado acima, no qual consistia em gerar polígonos usando uma função que permitia fazê-los apenas alterando a variável de números de pontos do polígono. No entanto, eu queria que o polígono gerado pudesse ser alterado tanto a cor quanto o número de lados dele sem mexer no código, usando para isso uma forma mais visual, assim como o processing nos estimula a fazer. 

Então eu usei 3 sliders para que pudesse ser alterada a cor do polígono na própria tela do programa, variando de 0 até 255, assim como no sistema de cores RGB, e um slider para mudar o número de lados do polígono, variando de 3 até um número máximo, que optei por colocar até 20.

O resultado foi esse: 

Regular Polygon Editado

Se você quiser ver como foi feito, basta clicar aqui para baixar o código do projeto.
Share:

quinta-feira, 1 de junho de 2017

Animações

10 fps

12 fps

24 fps

48 fps











Share:

terça-feira, 9 de maio de 2017

Trabalho - Laboratório de monstros


Eu usei como base esse SpeedArt. Fiz o efeito do olho do mesmo jeito do speedart, e coloquei uma chama saindo dele pra ficar legal.

Então fui editando de acordo com o que eu achava que valia a pena fazer. Usei essa imagem de caveira e editei pra ficar na perspectiva do meu rosto.



Também usei essas imagens para fazer os efeitos de fogo e da pele com riscos de chama.





Por último, coloquei um efeito pra deixar o outro olho amarelo, pra dar a entender que ainda iria se transformar. Usei um filtro de foto e mais algumas edições.
Share:

domingo, 23 de abril de 2017

Autoração Multimídia I - Exercício com camadas



 Camada com o desenho.


Camada com a cor base.


Camada com a sombra.



Share:

Trabalho Final MAMI - Pt 2

Nessa segunda e última parte do Trabalho Final da cadeira de MAMI, eu apenas coloquei uma interface gráfica com a ajuda da biblioteca Cont...