Resultado da busca

Arquivo para ‘referencias’ Categoria

Roxik – O sucesso com sua Sharikura 3D engine – The FWA

paespedro | em setembro 10, 2011 | Categoria: Blog, Destaque, Mercado, referencias | Tags:, , , , |
Roxik

Roxik - The Planet Zero

 

O cara simplesmente fez alguns dos trabalhos que achamos mais fodas no The FWA.

Seja pela interatividade, pela interface, pela suavidade das animações – mesmo sendo em 3D a performance dos trabalhos dele é simplesmente incrível – essa suavidade é fruto em grande parte da engine 3D de autoria própria chamada Sharikura 3D mas não consegui encontrar uma versão atualizada dela pra baixar. Obviamente que existem outros profissionais envolvidos mas o que mais me impressiona é a qualidade da engine 3D que ele mesmo desenvolveu e tenho certeza que, não fosse essa qualidade, seus trabalhos não seriam tão incríveis.

 

Os 3 principais trabalhos de que estou falando e que provavelmente vocês já viram são:

The Eco Zoo (SOTY 2008)

Verbatim Championship (SOTM 01/2010)

e o último

The Planet Zero (SOTM 09/2011)

 

Aqui uma entrevista (um pouco antiga) do pessoal do The FWA com ele

http://www.thefwa.com/interview/interview-344-with-masayuki-kido

 

Existem alguns experimentos legais no site dele que dão uma idéia:

Site oficial http://www.roxik.com/

Experimentos http://temp.roxik.com/

Experimentos http://roxik.com/toy1.html

Picture Animation http://roxik.com/pictaps/
(Fora do ar mas achei um SWF aqui http://roxik.com/pictaps/viewer.swf?pid=a1037249

 

Sobre a Sharikura 3D ele chegou a dizer que liberaria

I am going to exhibit Sharikura 3D as an open source.
However, Sharikura 3D is unfinished.
Because Sharikura 3D is my private work,
please understand that it takes time to release.

Mas isso foi ainda em 2008, e até agora nada =/

Guia de carreira para UX

paespedro | em agosto 27, 2011 | Categoria: Blog, Destaque, Mercado, referencias | Tags:, , , , |

Talitha me repassou um post sobre carreira em UX no http://arquiteturadeinformacao.com/ (Que, diga-se de passagem, é sempre bom dar uma passadinha para conferir os posts) e achei interessante compartilhar aqui o artigo original criado pela Onward Search.

O artigo fala sobre carreiras de UX nos EUA mas acho que dá para tirar infos interessantes para quem se interessa pela área. Desde média salárial comparando com outros setores, quais habilidades você precisa ter para ser um bom profissional em cada setor atualmente.

Clique na imagem para ampliar.

 

Guia de Carreira - UX -(USA)

Guia de Carreira - UX - USA

jQuery Masonry e Isotope: Grid, mosaico, auto-layout, “float vertical” em CSS / JavaScript

paespedro | em julho 11, 2011 | Categoria: Blog, Destaque, Mercado, referencias | Tags:, , , , , , , | 2 Comentarios

Ultimamente tenho experimentado bastante com JavaScript, a última coisa que fiz foi um Grid auto-ajustável à largura do browser com a possibilidade de abrir ou ampliar um dos blocos do Grid e ajustar automaticamente os outros blocos.

Na Sexta, já sem tanto tempo para experimentar, estava pesquisando por alguma biblioteca que criasse algo como um mosaico de blocos para usar em outra parte do projeto, que trabalhasse de acordo com colunas mas que permitisse uma certa desordem, diferente do que eu precisava quando desenvolvi o meu próprio Grid.

Depois de um bom tempo encontrei a jQuery Masonry (http://masonry.desandro.com/) criada por David Desandro (http://desandro.com/) que além de utilizar essa organização por colunas, alinhando os blocos verticalmente sem deixar espaços é bem fácil de utilizar, aliás não é preciso fazer praticamente nada então mesmo para quem não gosta muito de escrever códigos é uma excelente pedida, veja também o plugin jQuery Isotope (http://isotope.metafizzy.co/), utiliza o Masonry e acrescenta mais recursos.

Para utilizar você precisa já ter os elementos e no JS colocar um código simples como este:

1
2
3
4
5
6
7
8
9
//masonry
$('#container').masonry({
itemSelector: '.box'
});
//isotope
$('#container').isotope({
// options
itemSelector : '.item'
});

 

As opções para cada plugin estão aqui:

Masonry: http://masonry.desandro.com/docs/options.html

Isotope: http://isotope.metafizzy.co/docs/options.html

 

Os métodos:

Masonry: http://masonry.desandro.com/docs/methods.html

Isotope: http://isotope.metafizzy.co/docs/methods.html

 

Existem diversas outras customizações, tudo bem documentado, vale a espiada.

 

Redirect com HTACCESS baseado no domínio para arquivos PHP diferentes

paespedro | em agosto 18, 2010 | Categoria: Blog, Mercado, referencias | Tags:, , , , , , , , |

Recentemente fiz um projeto Full Flash na MKT Virtual que demandou suporte à múltiplas linguagens, precisava ser um site bem indexado – mesmo sendo Full Flash – e que fosse visualizado na maioria dos dispositivos que utilizamos para navegar na internet o que inclui uma navegação mínima nos iBrinquedos – que não suportam Flash, logo essa “navegação mínima” não é em Flash, claro =).

Não é novidade mas não vemos muitos projetos assim por aí, com atenção dedicada ao assunto, que eu batizo ( ou rebatizo caso alguém já tenha pensado no termo ) agora de “Portabilidade de conteúdo”. Normalmente vemos algo como “You need Flash 9+, click here to download” ou não vemos nada mesmo e “que se dane quem não tem Flash” .

Não pode ser assim, não mais. Em breve faço um post à parte somente para falar sobre a Portabilidade de Conteúdo. A definição que pensei por hora é:
”’disponibilizar as mesmas informações independente do meio, tecnologia ou dispositivo utilizado para acessá-las e/ou transmiti-las.”’

Leia mais …

PNGs ou JPGs em alta definição no Flash

paespedro | em agosto 8, 2010 | Categoria: arte generativa, Blog, referencias | Tags:, , , , , , , , |

Arte Generativa / Generative Art

Arte Generativa / Generative Art

Como criar PNGs ou JPGs em alta resolução no Flash?

Mais uma etapa conluída no funcionamento do meu modesto gerador (Generative Art). Agora posso gerar estas imagens abstratas para serem utilizadas em grandes impressos sem perder qualidade – o que era / é fundamental visto que quero ter alguns quadros para mim e para presentear =).

Conheço o Hype Framework e o trabalho de Johua Davis e consequentemente o de Branden Hall (parceiro de Joshua no Hype Framework) desde 2008 quando houve em São Paulo um evento chamado FIND (Fórum Internacional de Design e Tecnologia Digital) promovido pela Arteccom, foi super proveitoso e mudou a forma como eu pensava sobre o que poderia ser feito com o Flash (ou outros como o Processing) à partir daí comecei a comprar livros, estudar e tudo mais, enfim … Voltando ao assunto … Tenho feito alguns experimentos baseados em Arte Generativa ou Generative Art, algo que começou simples e aos poucos estou incrementando e evoluindo. Cheguei num momento em que gostaria de ver as imagens com uma resolução que fosse possível imprimir sem que ficassem borradas, de preferência algo próximo dos 300 DPI e isso se tornou possível com o Hype Framework.

Esse framework possui muitas funcionalidades – inclusive as que estou desenvolvendo no meu gerador porém muito mais bem feitas, melhores etc, mas decidi criar meu próprio gerador afinal qual evolução eu teria se ficasse utilizando coisas prontas, que outros desenvolveram, sem ao menos saber o que se passa ou como recriar? – Uma das funcionalidades que utilizei para gerar imagens em alta resolução foi uma chamada BitmapCanvas juntamente com a ContextSaveImage. No início achei que seria difícil implementar no gerador mas me enganei, foi extremamente fácil e não precisei modificar nada do que já estava feito.

Veja um exemplo de imagem no meu Flickr.

Baixe um wallpaper com a imagem do post em 1920×1200 px aqui

Quem tiver interesse em como utilizar essas funcionalidades que citei do Hype Framework veja este tutorial do Active Tuts +


Digital Invaders – Referencia

paespedro | em junho 29, 2010 | Categoria: Blog, Mercado, referencias | Tags: |

Site muito bacana que achei no FWA. Vale muito o click =)

Acesse aqui : http://bit.ly/digitalinvaders

Alguns direitos reservados © 2011 | Paespedro's Stuff