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

De Garoa Hacker Clube
Ir para navegação Ir para pesquisar
m (Foram revertidas as edições de Yangping55 (disc) para a última versão por Villares)
Linha 1: Linha 1:
  +
<div style="float:right;">__TOC__</div>
http://www.adidasnmd-shoes.us
 
  +
'''Um encontro divertido para interessados em programação com ou sem experiência!'''
http://www.cheapoakleysunglasses.com.co
 
  +
http://www.yeezyboost-350.co.uk
 
  +
Atividades:
http://www.canadagooseoutletjackets.ca
 
  +
* Instalar o Processing (Java) e o Processing Python Mode
http://www.moncler-outlet.us.com
 
  +
* Instalar e demonstrar uma biblioteca que exporta GIFs animados
http://www.nikehuaracheshoes.in.net
 
  +
* Jogar conversa fora e criar GIFs Animados!
http://www.louisvuitton-outletonline.us.com
 
  +
[[Arquivo:Olha_o_mouse.gif|right]]
http://www.toryburchoutletonlines.us.com
 
  +
http://www.coachoutlets.us.org
 
  +
* O IDE Processing que pode ser baixado em http://processing.org/download com o Processing Python Mode
http://www.cheap-uggsboots.us.com
 
  +
* 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)
http://www.oakley.nom.co
 
  +
http://www.superdryuk.org.uk
 
  +
=== Próxima edição ===
http://www.adidasyeezyshoes.us.com
 
  +
http://www.ralphlaurenoutletonline-polo.us.com
 
  +
Ajude a marcar a próxima edição participando da [[Listas de Discussão|lista pública do Garoa]]
http://www.nikeshoes.in.net
 
  +
http://www.canadagoosejacketscanada.ca
 
  +
=== Edicões anteriores ===
http://www.uggsale.us.com
 
  +
http://www.hermes-handbags.us
 
  +
====Terça 24/5/2016 19h====
http://www.mulberryoutlet.org.uk
 
  +
http://www.cheapjordans.com.co
 
  +
http://www.jacketscanadagoose.org.uk
 
  +
====Sábado 6/2/2016 [[Carnahacking_2016]]====
http://www.ultraboost.us
 
  +
http://www.nfljerseyscheapwholesale.us.com
 
  +
Como foi:
http://www.airmax-2018.com
 
  +
http://www.monclerjacketsoutlet.in.net
 
  +
Começou lá pelas 19h30...
http://www.coachoutletus.us.com
 
  +
*Instalação do Processing e da biblioteca nos computadores
http://www.raybanssunglasses-cheap.us.com
 
  +
*Demonstração do exemplo da biblioteca, no Modo Java/Standard
http://www.fredperrypoloshirts.us
 
  +
*Portar um exemplo para o Modo Python (rolou)
http://www.adidas-yeezyshoes.us.com
 
  +
*Exportar GIFs de outros sketchs/exemplos (não rolou)
http://www.ugg.in.net
 
  +
http://www.officialcoachoutlet.us.com
 
  +
[[Arquivo:Carnahacking.gif]]
http://www.raybansunglasses.net.co
 
  +
http://www.michael-korsoutlet.ca
 
  +
Pasta completa do 'sketch' portado para Processing Modo Python pela Yumi:
http://www.uggaustraliaoutlet.in.net
 
  +
[https://drive.google.com/file/d/0B1vJ6aH--6MJQUFqVDNueGROMUdCazZXWDlUTF9tWHU4WDlN/view?usp=sharing Google Drive: python_Sukita.zip]
http://www.birkenstocks.us
 
  +
http://www.michaelkorsoutlet.co.uk
 
  +
"""
http://www.ugg-boots.org.uk
 
  +
Exemplo do uso da biblioteca gifAnimation portado de Processing Java para Processing Python pela Yumi
http://www.korsmichaeloutlet.us.com
 
  +
na Oficina de GIFs animados do Villares no Carnahaking_2016 - usa imagem Sukita.png na pasta /data
http://www.michael-korshandbags.me.uk
 
  +
"""
http://www.thenorthface.us.com
 
  +
http://www.uggbootssale.me.uk
 
  +
add_library('gifAnimation') # usa-se esta sintaxe para importar bibliotecas Java no Python Mode
http://www.katespade.in.net
 
  +
rotation = 0.0
http://www.toryburchoutletonline.com.co
 
  +
http://www.outletcoachoutlet.us.com
 
  +
def setup():
http://www.uggsaustralia.fr
 
  +
global logo
http://www.uggs-clearance.us.com
 
  +
logo = loadImage("Sukita.png") # carrega num objeto PImage arquivo da pasta /data
http://www.coachoutletstoreonline.com.co
 
  +
size(400, 500, P3D) # canvas OPGL está deprecado, nova constante P3D ativa canvas com 3D
http://www.nikeoutlet.us.com
 
  +
frameRate(12)
http://www.cheap-raybans.us.com
 
  +
global gifExport
http://www.red-bottoms.us.com
 
  +
gifExport = GifMaker(this, "exportsukita.gif") # (this é p/ bibl. Java, "arquivo que vai ser exportado")
http://www.northface-jackets.us.com
 
  +
gifExport.setRepeat(0) # número de loops no GIF exportado, ou 0 = loopa infinitamente
http://www.coachoutletsonlines.us.com
 
  +
gifExport.setTransparent(0,0,0) # seta R, G, B da cor transparente (alpha) no GIF
http://www.uggbootsclearance.me.uk
 
  +
http://www.polooutlets.us.org
 
  +
def draw():
http://www.cheapjordanssale.us.com
 
  +
background(0)
http://www.outletlouisvuitton.us.com
 
  +
translate(width/2, height/2)
http://www.poloralphlaurenralph.us.com
 
  +
global rotation
http://www.coachoutletstoreonlineclearances.in.net
 
  +
rotation+=0.12
http://www.pandorajewelryoutlet.in.net
 
  +
rotateY(rotation)
http://www.michael-korsoutlet.us.com
 
  +
image(logo, -logo.width/2,-logo.height/2)
http://www.ugg-boots-outlet.us.com
 
  +
gifExport.setDelay(1) # seta delay do frame no GIF exportado
http://www.coachfactory-outletstore.us.com
 
  +
gifExport.addFrame() # põe um frame do canvas atual no GIF sendo exportado
http://www.uggsandals.in.net
 
  +
http://www.coachfactoryoutlet-storeonline.us.com
 
  +
def keyPressed(): # se apertada uma tecla no teclado
http://www.louboutinshoes.in.net
 
  +
gifExport.finish() # termina a exportação do GIF
http://www.pandoracharms.name
 
  +
print("gif saved")
http://www.uggsbootscanada.ca
 
  +
http://www.longchamphandbags.me.uk
 
  +
=== O que é Processing? ===
http://www.mlbjerseyscheap.us.com
 
  +
{{Categoria:Processing}}
http://www.cheapuggs.com.co
 
  +
http://www.monclerjacketssale.org.uk
 
  +
==== Atividades relacionadas ====
http://www.coachoutlet-online.us.org
 
  +
[[Noite de Processing]]
http://www.timberlandbootsoutlets.us.com
 
  +
http://www.longchamp-outlet.us.com
 
  +
[[Categoria:Eventos]][[Categoria:Processing]][[Categoria:Python]]
http://www.michaelkorsoutlets.us.com
 
http://www.michaelkorsoutletclearance.in.net
 
http://www.cheapuggboots.com.co
 
http://www.uggs-australia.it
 
http://www.christianlouboutinsale.us.org
 
http://www.canadagoosejacket.org.uk
 
http://www.coachoutlet-onlinesale.us.com
 
http://www.redbottomsshoes.us.com
 
http://www.nikeoutletonline.us.com
 
http://www.adadassuperstar.com
 
http://www.goosecanadaoutlet.us.com
 
http://www.polo-ralphlauren.in.net
 
http://www.michaelkorsoutletonlinemichaelkors.us.com
 
http://ugg.bootsoutlet.us.com
 
http://www.moncleroutlets.us.org
 
http://www.adidas-nmd.us.com
 
http://www.canadagoosesoutlet.ca
 
http://www.northfacejacketsoutlet.com.co
 
http://www.coach-factoryoutlet-online.us.com
 
http://www.tomsoutletstore.in.net
 
http://www.guccioutlets.us.org
 
http://www.hermesbirkin.in.net
 
http://www.uggs-outlets.in.net
 
http://www.cheapjordanshoes.us.com
 
http://www.tomsoutlets.us.com
 
http://www.2017nikeairmax.us
 
http://www.coachoutletcanada.ca
 
http://www.nike-store.us.com
 
http://www.vuittonlouis.us.com
 
http://www.hermesbag.us.com
 
http://www.canadagoosejackets.co.uk
 
http://www.ralphlaurenuk.me.uk
 
http://www.uggbootsclearance.com.co
 
http://www.cheapuggs.in.net
 
http://www.uggoutlets.in.net
 
http://www.adidasnmd.us.org
 
http://www.ugguk.org.uk
 
http://www.pandora-outlet.us.com
 
http://www.christianlouboutinshoes.us.org
 
http://www.adidas-outlet.us.com
 
http://www.monclerjacketssale.us.com
 
http://www.uggsboots-outlet.com.co
 
http://www.coach-outletonline.us.org
 
http://www.uggaustraliaoutlet.com.co
 
http://www.doudounemonclerpascher.fr
 
http://www.discountraybansunglasses.us.com
 
http://www.coachoutlets.in.net
 
http://www.uggs.in.net
 
http://www.canadagooseclothing.us.com
 
http://www.yeezyboost.org.uk
 
http://www.jameshardenshoes.us.com
 
http://www.ugg-boots.net.co
 
http://www.pandoracharmssaleclearance.uk
 
http://www.canadagooseoutlet.name
 
http://www.oakley--sunglasses.us.org
 
http://www.adidas-shoes.us.com
 
http://www.uggs.net.co
 
http://www.uggbootsonsale.com.co
 
http://www.christianlouboutinoutlet.us
 
http://www.pandoracharms.com.co
 
http://www.cheapuggsale.in.net
 
http://www.cheapmlbjerseys.us
 
http://www.coach-outlet.in.net
 
http://www.uggoutlet.cc
 
http://www.longchampbagsuk.me.uk
 
http://www.mulberry-bags.me.uk
 
http://www.poloralphlaurenoutletonline.us.com
 
http://www.moncleroutlet.me.uk
 
http://www.harden-vol1.com
 
http://www.michaelkors-outlet.ca
 
http://www.michaelkors-mkoutlet.in.net
 
http://www.katespadeoutletonline.us.com
 
http://www.ugg.net.co
 
http://www.michaelkorshandbags-outlet.us.org
 
http://www.air-jordans.us.com
 
http://www.ralphlaurenoutlet.in.net
 
http://www.nikecortez.in.net
 
http://www.ralph-laurenoutlet.com.co
 
http://www.uggsoutlets.in.net
 
http://www.northfaceoutlet.us.com
 
http://www.supremeclothing.us.org
 
http://www.burberryoutletonlines.us.com
 
http://www.burberry.us.com
 
http://www.ralphlaurenoutlet-polo.us.com
 
http://www.pandoracharms.us.com
 
http://www.adidasoutlet.us.com
 
http://www.burberryoutlet.cc
 
http://www.raybansunglassessales.us.com
 
http://www.canadagoosejackets.net.co
 
http://www.ralphlaurenoutlet.us.org
 
http://www.canadiangoose.us.com
 
http://www.coachoutletonlinecoachfactoryoutlet.us.com
 
http://www.cheap-uggboots.net.co
 
http://www.birkenstocksandals.org.uk
 
http://www.hermes.us.org
 
http://www.michaelkors-handbags.us.org
 
http://www.cheapraybans.com.co
 
http://www.uggsoutlets.com.co
 
http://www.louboutin-shoes.us.com
 
http://www.raybans.org.uk
 
http://www.mbtshoes.name
 
http://www.jacketscanadagoose.com.co
 
http://www.coachoutletcoachfactoryoutletonline.us.com
 
http://www.burberry-outlet-canada.ca
 
http://www.coachfactoryoutletsonlines.us.com
 
http://www.fitflopssale.us.com
 
http://www.ralphlaurensaleclearance.org.uk
 
http://www.coachfactoryonlineoutlet.com.co
 
http://www.airjordanshoes.in.net
 
http://www.airjordans.us.com
 
http://www.michael-kors-outletonline.us.com
 
http://www.canadagoose-outlet.name
 
http://www.cheapuggssale.com.co
 
http://www.coach-outletonlines.us.com
 
http://www.salvatoreferragamoshoes.us.com
 
http://www.uggs-boots.us.org
 
http://www.nikeshoes.us.com
 
http://www.pandora-charms.us.org
 
http://www.louisvuitton-outlet.us.com
 
http://www.coachhandbagsoutlet.us.com
 
http://www.cheapraybansunglassesofficial.us.com
 
http://www.cheapjerseyswholesalefromchina.us.com
 
http://www.ralph-laurenuk.org.uk
 
http://www.pandora.us.com
 
http://www.uggs-boots.fr
 
http://www.michaelkorsoutletstoreonline.us.org
 
http://www.coachfactory-outletonline.us.org
 
http://www.monclerjacketsuk.org.uk
 
http://www.coach-outlets.us.com
 
http://www.uggs-outlets.com.co
 
http://www.adidas-superstar.us.com
 
http://www.uggsoutletclearance.com.co
 
http://www.polooutlet.in.net
 
http://www.moncler-outlets.us.com
 
http://www.mbtshoes.us.org
 
http://www.moncleroutletonlines.us.com
 
http://www.kate-spade.us.com
 
http://www.ugg-outlet.com.co
 
http://www.tomsshoes.us.com
 
http://www.louisvuittonoutlet.us.org
 
http://www.yeezyboost-350.us.com
 
http://www.canadagooseoutlet.net.co
 
http://www.valentinoshoesoutlets.us.com
 
http://www.ralphlaurensaleclearance.me.uk
 
http://www.yeezyboost.us.com
 
http://www.cheapoakleysunglassesofficial.us.com
 
http://www.coach-factory-outlet.us.org
 
http://www.cheapjordan-shoes.in.net
 
http://www.cheapjordans.in.net
 
http://www.uggoutlet.net.co
 
http://www.canadagoosejacketscanada.com.co
 
http://www.timberland-outlets.us
 
http://www.coachfactory-outlet.us.com
 
http://www.pandora-uk.me.uk
 
http://www.toms.in.net
 
http://www.canadagooseoutlet.cc
 
http://canadagoose.jacketsoutlet.us.com
 
http://www.ugg-slippers.us.com
 
http://www.michaelkorsoutletonlineclearance.in.net
 
http://www.michaelkorsfactoryoutletsale.us.com
 
http://www.canadagoosejacket.com.co
 
http://www.canadagooseoutletcanada.com.co
 
http://www.cheapjordans-shoes.us.com
 
http://www.raybanssunglassesoutlet.us.com
 
http://www.columbiasportswear.us.com
 
http://www.uggshoes.us.com
 
http://www.canadagooseoutletgoods.com
 
http://www.jordanretro.name
 
http://www.pandora-jewelryoutlet.us.com
 
http://www.katespadehandbag.us.com
 
http://www.canadagoosesaleoutlet.us.com
 
http://www.coach-factoryoutletonline.us.org
 
http://www.ferragamo-outlet.us.com
 
http://www.burberryoutlet.in.net
 
http://www.uggs-outlet.net.co
 
http://www.cheapuggs.net.co
 
http://www.coachcanadaoutlet.ca
 
http://www.uggsoutlets.us.org
 
http://www.adidasshoe.us.com
 
http://www.burberryoutletsale.com.co
 
http://www.ralph-laurenuk.co.uk
 
http://www.catboots.us
 
http://www.nikeairmax.in.net
 
2017.10.20yangping
 

Edição das 05h54min de 19 de outubro de 2017

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

Atividades:
* Instalar o Processing (Java) e o Processing Python Mode
* Instalar e demonstrar uma biblioteca que exporta GIFs animados
* Jogar conversa fora e criar GIFs Animados!
Olha o mouse.gif

Próxima edição

 Ajude a marcar a próxima edição participando da lista pública do Garoa

Edicões anteriores

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 é baseada em Java, mas hoje existem dois outros projetos importantes da Fundação Processing:

As ambos podem ser adicionados ao IDE tradicional.

Atividades relacionadas

Noite de Processing