Inkscape - para Programadores
por
Aurium,
Juca e
Karlison
Público alvo:
Interessados em código pela arte, interessados na criação de peças gráficas dinamicamente, interessados em
SVG na Web
Resumo:
Programadores também podem aproveitar o Inkscape! Podemos acessa-lo pela linha de comando, para manipular e converter
SVG, em aplicações desktop ou web. Efeitos na prática - usando módulos criados pelo projeto. Conversores de formatos... Como aproveitar isso? Como adicionar javascript pela interface gráfica? Como designers e programadores podem interagir?
A Proposta
Existem várias formas para programadores, iniciantes ou avançados, usarem ou interagirem com o Inkscape.
O Inkscape não se limita a sua interface gráfica para criar e editar elementos. É possível acessar informações do
SVG ou manipula-lo e converte-lo via linha de comando e isso abre portas para muitas aplicações no desktop ou em servidores web. Essa parte é realmente interessante, veremos exemplos.
A criação de efeitos é outro ponto interessante, onde o programador passa a fazer parte do processo artístico. Vamos dar uma olhada prática, sobre como cria-las usando módulos já criados pelo projeto Inkscape.
O Inkscape tem uma interface realmente simples para a criação de conversores de formatos. Como podemos usar e como isso pode nos ser útil?
Do Inkscape para a Web! Quer adicionar conteúdo
SVG na web? Quer interatividade? Podemos adicionar chamadas javascript como propriedades de elementos pela interface gráfica do Inkscape e ele ainda nos ajuda no gerenciamento de vínculos a arquivos javascript externos. Veremos o quanto isso é fácil para designers com pouco conhecimento em códigos e como programadores podem interagir. Claro... também veremos como manipular o
SVG com javascript.
A intenção de se fazer em trio é tornar a palestra mais dinâmica e assim, interessante. Os 3 tem conhecimento para contemplar todas as partes da palestra, mas cada um tem suas sub-áreas de maior envolvimento. Se faltar um detalhe ou se for interessante aprofundar os outros dois podem comentar a fala do colega com a vez. Os 3 são colaboradores do projeto Inkscape.
do que exatamente devemos falar?
- Introdução
- O projeto Inkscape
- A Linha de Comando
- Opções e Possibilidades
dar uma geral nas opções, não precisa falar de todas e deve-se falar do modo shell.
- Exemplo 1: o gerador de quadros para jogos de Karlison
- Quem: Karlison
- Tempo: 5min
- Exemplo 2: o gerador de cartões de contato de Aurium
- Efeitos
- Como funcionam?
- Quem: Karlison
- Tempo: 1min
- Prática - criando um efeito simples, na hora.
- Módulos para auxiliar a criação de efeitos.
Se quiser falar do RubyInk, InkBash, Inkscape.pm ou SpSVG.pm Beleza.
Proponho que foque nos módulos Python: inkex, coloreffect, chardataeffect, simplepath, simplestyle e simpletransform.
- Quem: Karlison
- Tempo: 3min
- Analize do código de efeitos reais.
- Extensões de Entrada e Saída
- Como funcionam e analise de 2 efeitos reais.
- Do Inkscape para a Web
- Como adicionar JS pela GUI do Inkscape.
Citar os efeitos que adicionam JS!
- Possibilidades...
- Quem: Karlison
- Tempo: 1min
- Como manipular SVG com JS
falar sobre DOM e libs enquanto cria um código.
Lembrando que temos 45min para apresentação e 5min para perguntas. Nosso tempo estimado deve ser menor que 45 min, para prevenir atrasos e possibilitar comentários. Se sobrar tempo no fim é muito fácil preencher.
Os códigos que pretendemos usar como exemplo não precisam ser criados na hora, podemos apresenta-lo pronto com highlight na linha com o mouse. Assim fica bem mais rápido e não corremos no risco de esquecimento. (eu já fiz isso) -- Aurium