Mudanças entre as edições de "Oficina de GIFs animados"

De Garoa Hacker Clube
Ir para navegação Ir para pesquisar
 
(34 revisões intermediárias por 3 usuários não estão sendo mostradas)
Linha 1: Linha 1:
  +
<div style="float:right;">__TOC__</div>
[[Arquivo:Carnahacking.gif]]
 
  +
'''Um encontro divertido para interessados em programação com ou sem experiência!'''
   
 
Atividades:
== Primeira edição: [[Carnahacking_2016]] Sábado 6/2 à 18h ==
 
   
  +
* Ensinar/aprender como exportar GIFs animados com Python
Começou lá pelas 19h30...
 
  +
* Jogar conversa fora e criar GIFs animados!
  +
* Referência sobre animações com [https://abav.lugaralgum.com/como-instalar-py5/ py5] - [https://abav.lugaralgum.com/material-aulas/Processing-Python-py5/exportar_animacoes.html Como exportar animações]
   
  +
[[Arquivo:Olha_o_mouse.gif|right]]
Atividades:
 
*Instalação do Processing e da biblioteca nos computadores
 
*Demonstração do exemplo da biblioteca, no Modo Java/Standard
 
*Exportar GIFs de outros sketchs/exemplos (não rolou)
 
*Portar um exemplo para o Modo Python (rolou)
 
   
  +
=== Próxima edição ===
Foi usado Processing (http://processing.org) e o Processing Python Mode (http://py.processing.org)
 
   
  +
TBD
O IDE Processing pode ser baixado em http://processing.org/download
 
   
  +
=== Edicões anteriores ===
Biblioteca gifAnimation para Processing 1.0 e 2.0
 
http://extrapixel.github.io/gif-animation/
 
   
  +
====Segunda-feira 2/3/2025 15h [[Carnahacking_2025]]====
Biblioteca gifAnimation para Processing 3.0
 
  +
https://github.com/01010101/GifAnimation ou
 
  +
[https://drive.google.com/file/d/0B1vJ6aH--6MJeVJTRklwcklDY3YxUGlyRkl1SXBaLXgzeGFV/view?usp=sharing Google Drive: gifAnimation.zzz](renomeie .zzz -> .zip)
 
  +
====Segunda-feira 12/2/2018 15h [[Carnahacking_2018]]====
  +
  +
====Terça 24/5/2016 19h====
  +
  +
  +
====Sábado 6/2/2016 [[Carnahacking_2016]]====
  +
  +
Como foi:
  +
 
Começou lá pelas 19h30...
 
*Instalação do Processing e da biblioteca nos computadores
 
*Demonstração do exemplo da biblioteca, no Modo Java/Standard
 
*Portar um exemplo para o Modo Python (rolou)
 
*Exportar GIFs de outros sketchs/exemplos (não rolou)
  +
 
[[Arquivo:Carnahacking.gif]]
   
 
Pasta completa do 'sketch' portado para Processing Modo Python pela Yumi:
 
Pasta completa do 'sketch' portado para Processing Modo Python pela Yumi:
 
[https://drive.google.com/file/d/0B1vJ6aH--6MJQUFqVDNueGROMUdCazZXWDlUTF9tWHU4WDlN/view?usp=sharing Google Drive: python_Sukita.zip]
 
[https://drive.google.com/file/d/0B1vJ6aH--6MJQUFqVDNueGROMUdCazZXWDlUTF9tWHU4WDlN/view?usp=sharing Google Drive: python_Sukita.zip]
 
<code>
 
   
 
"""
 
"""
Exemplo portado de Processing Java para Processing Python pela Yumi
+
Exemplo do uso da biblioteca gifAnimation portado de Processing Java para Processing Python pela Yumi
na Oficina de GIFs animados do Villares no Carnahaking_2016
+
na Oficina de GIFs animados do Villares no Carnahaking_2016 - usa imagem Sukita.png na pasta /data
 
"""
 
"""
 
 
Linha 52: Linha 64:
 
rotateY(rotation)
 
rotateY(rotation)
 
image(logo, -logo.width/2,-logo.height/2)
 
image(logo, -logo.width/2,-logo.height/2)
gifExport.setDelay(1 # seta delay do frame no GIF exportado
+
gifExport.setDelay(1) # seta delay do frame no GIF exportado
 
gifExport.addFrame() # põe um frame do canvas atual no GIF sendo exportado
 
gifExport.addFrame() # põe um frame do canvas atual no GIF sendo exportado
 
 
Linha 58: Linha 70:
 
gifExport.finish() # termina a exportação do GIF
 
gifExport.finish() # termina a exportação do GIF
 
print("gif saved")
 
print("gif saved")
  +
</code>
 
  +
 
* O IDE Processing que pode ser baixado em http://processing.org/download com o Processing Python Mode
 
* Biblioteca gifAnimation para Processing 1.0 e 2.0 http://extrapixel.github.io/gif-animation/ e para Processing 3.0 https://github.com/01010101/GifAnimation ou [https://drive.google.com/file/d/0B1vJ6aH--6MJeVJTRklwcklDY3YxUGlyRkl1SXBaLXgzeGFV/view?usp=sharing Google Drive: gifAnimation.zzz](renomeie .zzz -> .zip)
  +
  +
  +
=== O que é Processing? ===
  +
{{Categoria:Processing}}
  +
  +
[[Categoria:Eventos]][[Categoria:Processing]][[Categoria:Python]]

Edição atual tal como às 11h57min de 6 de março de 2025

Um encontro divertido para interessados em programação com ou sem experiência!

Atividades:

  • Ensinar/aprender como exportar GIFs animados com Python
  • Jogar conversa fora e criar GIFs animados!
  • Referência sobre animações com py5 - Como exportar animações
Olha o mouse.gif

Próxima edição

TBD

Edicões anteriores

Segunda-feira 2/3/2025 15h Carnahacking_2025

Segunda-feira 12/2/2018 15h Carnahacking_2018

Terça 24/5/2016 19h

Sábado 6/2/2016 Carnahacking_2016

Como foi:

Começou lá pelas 19h30...

  • Instalação do Processing e da biblioteca nos computadores
  • Demonstração do exemplo da biblioteca, no Modo Java/Standard
  • Portar um exemplo para o Modo Python (rolou)
  • Exportar GIFs de outros sketchs/exemplos (não rolou)

Carnahacking.gif

Pasta completa do 'sketch' portado para Processing Modo Python pela Yumi: Google Drive: python_Sukita.zip

 """
 Exemplo do uso da biblioteca gifAnimation portado de Processing Java para Processing Python pela Yumi
 na Oficina de GIFs animados do Villares no Carnahaking_2016 - usa imagem Sukita.png na pasta /data
 """

 add_library('gifAnimation')      # usa-se esta sintaxe para importar bibliotecas Java no Python Mode
 rotation = 0.0

 def setup():
   global logo
   logo = loadImage("Sukita.png") # carrega num objeto PImage arquivo da pasta /data
   size(400, 500, P3D)            # canvas OPGL está deprecado, nova constante P3D ativa canvas com 3D
   frameRate(12)
   global gifExport
   gifExport = GifMaker(this, "exportsukita.gif") # (this é p/ bibl. Java, "arquivo que vai ser exportado")
   gifExport.setRepeat(0)                         # número de loops no GIF exportado, ou 0 = loopa infinitamente
   gifExport.setTransparent(0,0,0)                # seta R, G, B da cor transparente (alpha) no GIF

 def draw():
   background(0)
   translate(width/2, height/2)
   global rotation
   rotation+=0.12
   rotateY(rotation)
   image(logo, -logo.width/2,-logo.height/2)
   gifExport.setDelay(1)          # seta delay do frame no GIF exportado
   gifExport.addFrame()           # põe um frame do canvas atual no GIF sendo exportado

 def keyPressed():       # se apertada uma tecla no teclado
   gifExport.finish()    # termina a exportação do GIF
   print("gif saved")



O que é Processing?

Processing é uma plataforma livre/aberta de programação criada em 2001 por Casey Reas e Ben Fry, largamente utilizada por artistas e para o ensino de programação num contexto visual. O Processing IDE (da sigla em inglês para ambiente integrado de desenvolvimento – simplificando, um editor de texto para código) pode ser baixado em https://www.processing.org (curiosamente ele deu origem ao IDE do Arduino).

A versão 'standard' do Processing é uma linguagem baseada em Java, mas hoje existem outros projetos da Fundação Processing como P5*JS (baseado em JavaScript). Durante algum tempo foi mantido o Processing Modo Python, baseado em Jython 2.7, que não tem mais um mantenedor nem atualizações.

Outras ferramentas de programação incorporaram o vocabulário e/ou a infraestrutura gráfica do Processing como por exemplo py5 (https://py5coding.org) uma biblioteca/framework para programação criativa em Python 3.