Casal 10

A indústria de games e cinema sempre tentou fazer imagens feitas por computador que parecessem reais. Até esse ano o máximo que conseguiram foi o Bewolf, ou Gollum do Senhor dos Anéis. Você se acostuma, mas os personagens ainda parecem serem feitos de borracha. Isso acontece porque para fazer os personagens os produtores capturam as movimentações com sensores e passam via software para seus modelos 3D, o problema é que uma pessoa tem mais de 650 músculos no corpo e é impossível capturar cada um deles com sensores, ou era….

A empresa Image Metrics (IM) mudou esse conceito, a IM faz o ator atuar para uma câmera e a câmera é o sensor. A magia toda está em um robusto software que analisa o filme e captura as movimentações de todos os músculos em diferentes situações e transporta para o modelo 3D, o resultado? Impressionante! Os primeiros modelos 3D utilizando esta técnica já estão no Youtube e não tem como perceber que são 3D, fantástico! Anotem o que eu digo, temos uma divisão de águas na indústria de animações 3D.

Meus agredecimentos a Rê que postou no Bombou na Web. Segue abaixo a Emily:

Lá vai nossa contribuição para o BlogDay2008, em ordem absolutamente aleatória:

• Zel – conhecemos a Zel por causa do Joca, em um feriado em que precisávamos de hospedagem para nosso pequeno. Ela e o Fer acabaram virando padrinhos oficiais e mais um casal amigo.  Só depois é que fui descobrir que ambos já são super conhecidos na blogosfera. Olha só? Temos amigos famosos! Os blogs dos dois são ótimos. Mas escolhemos o da Zel porque é o mais atualizado. E o mais viciante. Ele está sempre ali na barra do firefox entre os últimos endereços acessados. Lá, ela fala um pouco de tudo: livros, as maravilhas de se morar no meio do mato, bichos, relações com as pessoas…
• Bombou na Web – o blog da Renata Leal, na Época. Conheci a Rê quando fiz estágio na revista e ela virou nossa amiga mais nerd. Com ela, conheci os concertos matinais no Teatro Municipal, passei a ir à Mostra acompanhada (montávamos altos cronogramas), entre outros programas. A Rê é aquela amiga do tipo “topa qualquer programa”. Pessoa da melhor categoria. No blog, ela comenta tudo o que rola na web, especialmente traquitanas geeks.
• TeusmaPress – amigo do Edson dos tempos em que ele ainda morava em Curitiba, o Mateus já é “encosto” aqui em casa. (Segundo o Goiaba, visita que aparece pela segunda vez já virou encosto. São nossas preferidas!) Ex-funcionário estressado da Positivo, o Teusma é agora um feliz estudante de biologia na Puc do Paraná. Em seu blog, comenta o que anda aprendendo por lá e fala sobre religião.
• Blog do Sakamoto – o Léo foi meu professor no primeiro ano da faculdade. Com ele, fizemos, logo no primeiro semestre, um jornal para a comunidade São Remo, vizinha da USP, uma experiência fundamental para a minha turma e para as outras poucas que tiveram sorte de ter aula com ele. Mas o Leo deixou de ser apenas nosso professor para ser um grande amigo logo na primeira semana. Um puta repórter, montou a ONG Repórter Brasil e foi – acredito que – o maior responsável pelo tema do trabalho escravo virar, finalmente, assunto de interesse político, além de público. No blog, você encontra este e outros temas relevantes para qualquer cidadão deste brazilzão, sô.  Lá, você também encontra link para o Atitude Verde, blog verde de outro talentosíssimo amigão da ECA, o Iberê, com quem dei aulas no Projeto Redigir.
• Jupix - conheci a Marta quando fiz estágio na IBM e foi uma das melhores coisas que me aconteceram por lá. Descobrimos várias afinidades e nossa amizade prossegue com encontros esparsos mas deliciosos. O Lu, o marido-nerd dela, tem uma coleção incrível de jogos de tabuleiro que são um ótimo pretexto para nossos encontros. Em seu blog, a Marta deixa poucos e ótimos desenhos e reflexões sobre o que vê no dia-a-dia.

Tchelo é um amigo meu e é designer e fã da Micro$oft (talvez ele não admita ^^) mas ele é daqueles tipo de cara que vai contra todos os avisos dos amigos e compraria um videogame X-Box (também chamado de George Foreman Grill ). Ele é do tipo de pessoa que tem até mouse da Microsoft mas enfim, não é para malhar o Tchelo, porque defeito todos temos e as qualidades é que são importante ^^, e estas ele tem muitas, entre elas ele é um exelente designer.

Mas voltando (ou entrando no) ao assunto, o incrível é que ele me mandou um email pedindo para entrarmos numa campanha contra o Internet Explorer (I.E) 6. Ele argumentou que esse dinossauro só sobrevive porque nós (designers e desenvolvedores), continuamos a corrigir os bugs do I.E. 6 para que os sites tenham suporte para esta tranqueira.

Na Internet, acima de tudo com a Web 2.0 o IE.6 ainda é o navegador mais usado.

Aqui mesmo no Casal10 mais da metade dos usuários usam o IE e a maioria ainda o IE6 . Já o FX obedece o óbvio, mais da metade dos que utilizam a raposa já trocaram para a última versão do FX (FX3).

Meu amigo acredita que isso é porque existe um esforço nosso em alterar o layout para corrigir bugs do IE 6. Mas eu acredito que também é porque muitos usuarios de Windows utilizam sistema operacional pirata e não conseguiram atualizar para IE7. Meu amigo Tchelo também me lembrou de algums dados interessantes, a maioria estão abaixo e depois eu tenho os meus motivos para não usar o 6 e nenhum outro IE.

O IE 6 é mais velho que o primeiro iPod
O IE 6 é mais velho que o Windows XP
O IE 6 é mais velho que o Nintendo Gamecube!
O IE 6 é mais velho que o primeiro HALO!
O IE 6 é mais velho que o Jack Bauer!

Mas eu vou mais longe, abaixo algums boms motivos para não usar o IE.

1º Motivo, Atualizações

Vou retomar um pouco da história. No início era Netscape, dominavam o mercado. Porém era instavel mas era melhor que o IE. Quando surgiu o IE4 eu e muitos usuários trocaram o netscape por IE. Até a chegada do FX, que veio ao mercado com o conceito de abas e isso foi quando? Em 2005!!!!

Inacreditável? Sim, em apenas 3 anos o Firefox dominou 44% dos meus usuários e teve e 3 versões!!!! Versões que digo são versões grandes, porque correções saem todos os meses.

2º Motivo, Png Transparentes, o Problema Continua

Já no Firefox 1 era aceito png transparente, abas, tamanhos limitadores de elementos html, entre outros. O IE levou 3 anos para colocar png transparente!!! Pior, emula PNG transparente. Abra o site:

Teste de PNG transparente

Se você ver ele mover maciamente, sem travar. É porque você não é um infeliz usuário de IE, e muito provavelmente é um usuário de FX, Safari, Opera ou qualquer outro browser decente. Como funciona? O Firefox carrega a imagem de fundo e um PNG por cima, cada ponto da imagem do png pode ter uma cor que varia entre 1 milhão de diferentes de cores e uma quantidade de 0 a 255 de transparência.

O FX carrega a imagem de fundo e a mascara com transparencia, ele manda para a placa de vídeo ambas as imagens e coloca a imagem de saida.

O IE (apenas a partir do 6, pois o 5 não carrega transparência de jeito nenhum) carrega a imagem de fundo e a mascara, carrega um componente de interface do IE com dlls, carrega o direct X (DX), manda pro DX ambas as imagens, o DX manda pra placa de vídeo ambas as imagens que devolve uma imagem para o DX, que devolve para o IE que substitui a imagem de background pela recebida.

Ou seja, se você deseja fazer um site onde tem coisas se mexendo com fundos transparentes e quer que fique bonito em todos os browsers, esquece, use flash. Porque o IE não vai te deixar em paz. Para o IE, browser é para mostrar textos, imagem é coisa de fresco.

3o Motivo, min-height, min-width, max-height e max-width

Desde o FX1 que ele aceita as propriedades acima, elas são utilizadas para que algo na tela não exeda um determinado limite. Exemplo: Digamos que eu quero que uma area de texto no site apareça apenas em 50% da tela, em todos os browsers (Opera e Safari inclusive, IE óbvio que não ^^) eu faço assim:

<div style=”max-height:50%;max-width:50%”>
Isso nunca passará de 50% da tela.
</div>

<div style=”min-height:50%;min-width:50%”>
Isso nunca será menor que 50% da tela.
</div>

Já no IE (qualquer versão)  ….

<div id=”div1″>
Isso nunca passará de 50% da tela.
</div>

<div id=”div2″>
Isso nunca será menor que 50% da tela.
</div>
<script>

var Hsize = window.screen.availHeight;
var Wsize = window.screen.availWidth;

setMinHeightPercentByID(’div1′,50);
setMinWidthPercentByID(’div1′,50);
setMaxHeightPercentByID(’div2′,50);
setMaxWidthPercentByID(’div2′,50);

function isIE(){
return (navigator.appName == ‘Microsoft Internet Explorer’);
}

function setMinHeightPercentByID(elementID,percent)
{
element = window.document.getElementById(elementID);
if(isIE())
{
if (getSizeFromPixels(element.style.height) < ((Hsize/100)*percent))
{
element.style.height  = ((Hsize/100)*percent);
}
}
else
{
element.style.minHeight =((Hsize/100)*percent);
}
}

function setMaxHeightPercentByID(elementID,percent)
{

element = window.document.getElementById(elementID);
if(isIE())
{
if (getSizeFromPixels(element.style.height) > ((Hsize/100)*percent))
{

element.style.height  = ((Hsize/100)*percent);
}
}
else
{
element.style.maxHeight =((Hsize/100)*percent);
}
}

function setMaxWidthPercentByID(elementID,percent)
{
element = window.document.getElementById(elementID);

if(isIE())
{
if (getSizeFromPixels(element.style.width) > ((Wsize/100)*percent))
{
element.style.width  = ((Wsize/100)*percent);
}
}
else
{
element.style.maxWidth =((Wsize/100)*percent);
}
}

function getSizeFromPixels(pixels)
{
if(pixels==”")
{
pixels=0;
}
else if(pixels.indexOf(”px”))
{
pixels = parseInt(pixels.replace(”px”,”"));
}
return pixels;
}</script>

E pode se preparar para corrigir algums bugs, pois uma coisa é uma função criada por mim, outra é uma funcionalidade embutida no navegador que é testada por centenas de milhares de usuários. Ou seja, é mais fácil mudar o layout.

Outras propriedades importantes como position:fixed estão faltando no IE, gambiarras existem para tentar resolver o problema do navegador, como o exemplo :
howtocreate

Depois reclamam com os desenvolvedores de web sites do porque existem tantas gambiarras no código, tsc, tsc…
3o Motivo, coerência

Eu uso a biblioteca prototype em jscript para fazer algums efeitos. Em dado ponto do código eu chamei uma função (Window.show() ) que funcionou bem em todos os browsers, menos? Alguém sabe, alguem sabe? IE é claro!

A função não funciona dentro da página, apenas se chamada no final do HTML, isso porque o IE aparentemente começa a executar os scripts antes de terminar de baixar a página inteira. Para piorar o erro era tão escroto, que dizia “A página (nome da sua página) não pode ser aberta” e fechava a janela!

OK, como resolvi? Utilizei uma função para chamar a página depois que ela fosse carregada inteira. Para isso coloquei a linha abaixo:

setTimeout(’Window.show()’,15000); //150000 é 15 segundos

Como nesse caso eu não me importava de abrir a janela muito tempo depois, ok. Mas ai atiçou uma curiosidade, qual seria o limite?

Baixei para 5000 (5 segundos) e funcionou. Fui baixando, baixando e …. pasmem! Ficou assim!

setTimeout(’Window.show()’,0); //O idiota do IE não sabe executar na hora, mas se você agenda para zero segundos ele entende.

Outro exemplo:

Tente escrever o código:

document.writeln(’</script>’);

e povavelmente você vai ter um erro no IE, não somente esse, mas vários com </ e algumas coisa.
Pois é, sei que tá dentro de uma string, que o itnerpretador dele deveria saber, mas IE é burro.
Para sair dessa você precisa se adaptar ao IE e escrever de maneira porca:

document.writeln(’<’ + ‘/’ + ’script>’);

Se eu desenvolvo o aplicativo no FX e depois olho como ficou no IE, nunca dá certo. Pois sempre fica uma merda. Tenho que ou fazer e olhar nos dois. Porque o que funciona no FX funciona também no Opera, Safari etc, mas o que funciona no IE, só deus entende.

4o Motivo, Quero Saber….

Imagine a situação que você deseja saber dados sobre plugins do usuário. Vou usar o java como exemplo. O FX dá a informação. Então se você quiser por exemplo, saber se tem Java instalado e a versão, pronto, 2 linhas de código e você sabe. Se ele não tiver Java você dá o link para ele. Abaixo o código em FX e demais FX:
1. if (navigator.mimeTypes && navigator.mimeTypes.length) {
2. x = navigator.mimeTypes['application/x-java-jnlp-file'];
3. if (x) javawsInstalled = 1;
4. }

E no IE?

function checkPlugin(){
var r = detectIE(”8AD9C840-044E-11D1-B3E9-00805F499D93″,”java”);
alert(”RESULT = ” + r);
}

function detectIE(ClassID,name){
result = false;
alert(ClassID);
document.writeln(’<script language=”VBscript”>’);
document.writeln(’\n on error resume next \n result = IsObject(CreateObject(”‘ + ClassID + ‘”))’);
document.writeln(’msgbox(IsObject(CreateObject(”‘ + ClassID + ‘”)))’);
document.writeln(’</scr’ + ‘ipt>’);
if (result)
return name+’,';
else return ”;
}

5o Acid Test

Existe um teste para verificar a estabilidade dos componentes. Boms browsers sabem exatamente o lugar que deve desenhar um componente. Browsers ruims, desenham componentes com bugs de posição que fazem a vida dos desenvolvedores um inferno.

O Acid Test 2 realiza um teste rápido e o resultado em um browser bom é exibir uma cara sorridente. O link Acid Reference 2 mostra como deveria ser exibido a tela. Se você não enxergar uma cara sorridente com o primeiro link é porque você deve ser o infeliz usuário de um browser Internet Explorer versão 7 ou inferior. Na realidade o Internet Explorer até hoje não conseguiu passar 100% no teste do Acid Test 1. A versão 8 FINALMENTE corrige esses bugs de floating e consegue passar no teste do Acid Test 1 e 2, porém está muito, mas muito longe de passar no teste do Acid Test 3 que avalia Ajax, CSS3, DOOM2 e outras features de Web 2.0
No Acid Test 3 o IE (qualquer versão) nem abre. Já o Safari passa em 99% dos testes, e o Firefox em 73% dos testes e o Opera em 100%. A página de como deveria ficar o Acid 3 está em refenrecia do Acid Test 3

Abaixo mais informações sobre o 3o Acid Test e o desempenho de todos os browsers mais populares do mercado.
Wikipidia Acid Test 3

6o Motivo, Segurança e Atualização

No FX quando descobre-se um bug de segurança, leva em média 24 horas para sair uma correção. No IE a maioria dos bugs levam semanas, as vezes meses! Isso se tratando de segurança, agora pense nos menos urgentes.

O IE 7 trás várias vantagens que o FX já tinha desde a versão 1.7. Agora o FX lançou o FX 3 e já está em testes o FX 4, e o IE? O IE está no 7 cheio de bugs, estão testando a versão 8 que deve resolver bugs que o FX não tem desde a versão 1.7 (como o Acid Teste do exemplo 6). Porém, enquanto estão fazendo o IE 8 para os sites abrirem parecido como  que abria no FX 1.7 o FX já tá fazendo testes no FX 4.

E por último e 7o motivo para não usar nem o IE 6 e nem o 7, digite no google:

“Iternet Explorer trava página”

e você terá 1.320.000 ocorrências.

Diogite:

“Firefox trava página”

e você terá 134.000 ocorrências.

Por todos os motivos acima e muitos outros, eu sou a favor de matar o IE e entrar na campanha do site :

O IE Death March!

Porém mais ainda, sou a favor de exterminar o IE de vez. Nada causa tanto desgaste aos desenvolvedores do que dar suporte a esses browsers da MS.

A minha esposa até criou um grito de guerra:
“Eu odeio o IE, êêêêêêêêêêêêêêêêêêê!”

É isso ai pessoal, até a próxima =D

Tá rolando um seminário sobre Direito Autoral aqui em Sampa.

Não estou lá, mas dá para acompanhar parte do que acontece pelo twitter (é, aderi): @cyberfam #direitoautoral e também no site oficial, se minha internet ajudasse.

Depois de uma discussão acalorada no grupo do Área RPG sobre o assunto, é legal ver um seminário a sério, com informações embasadas e fontes. rs

Edit: hahah, agora os caras do @cyberfam estão narrando futebol. Vê se eu mereço! rs

Este ano, o Blog Action Day será sobre Pobreza. Já inscrevi o blog para postar no dia 15 de outubro e, até lá, posto mais sobre o assunto. Vai participar? Clique na imagem:

Blog Action Day 2008 Poverty from Blog Action Day on Vimeo.

Mulher já tem fama de falar demais, imagina só se elas não iam ocupar a blogosfera, não?

Pois fazem com estilo. No sábado, rolou um encontrão de mulheres blogueiras, o LuluzinhaCamp.

Eu, que nem ia, entrei para a lista de discussão do evento, dei idéia para um mural dos blogs, decidi levar um doce, filmar tudo e ainda me ofereci para dar carona para a Beth. E, claro, perdi a hora de manhã. Típico.

O Edson, claro, não perdeu a chance de tirar uma com a minha cara logo que me viu correndo de um lado para o outro da casa para terminar de me arrumar recolher tudo o que deveria levar. Puto! rs.

Mas, no final, deu tudo certo e o evento foi ótimo. Incrível mesmo.

O evento era de blogueiras, então era de se esperar que fossem todas super conectadas. Ainda assim me surpreendi. Acho que tinha mais máquinas fotográficas/celulares/notebooks/palms/mini-notes/blackbarry e afins do que mulheres no lugar. rs.

Aí você pensa que isso não vai dar certo, porque acaba ficando todo mundo conectado na internet e não interage. Que nada. São mulheres, né? Elas conseguem twitar, blogar, postar e se comunicar com todas as muitas mulheres que estavam por lá. E ainda fazer sorteio e participar das rodas de discussão. Tudo ao mesmo tempo, claro. Somos mesmo especialistas nisso. Acabei que me empolguei com o twitter e aderi.

As rodas também estavam um barato. Uma hora, alguém me perguntou se a roda que estava formada era das mamães, porque tinha um nenê maravilhoso presente, o Uli. Que nada, ali era a roda da moda. E lá na sala das manicures é que o assunto mamãe estava rolando. Falamos também de fotografia, de bichos e outras cossitas.

Tinha também bazar, claro. E eu passei longe, porque o corte de gastos agora é total até que nossa casa fique pronta. Mas, ai, que coisas lindas que tinha lá!! No sorteio, ganhei lindos e ultracheirosos sabonefeeds.

E, na saída, o filé. A festa foi invadida! Já está tudo no Flickr, claro. Veja lá!

TCC da Mari Iwakura: Horizontes

Estava devendo passar o trabalho dela para DVD há uns cinco anos! o.O Aproveitei e botei no YouYouTúbiu também. É um documentário sobre a Terceira Idade, confiram!

Documentário em vídeo feito ainda na faculdade, com a Mari, o Pedro e o Fernando, em Rincão, interior de SP.

Em duas partes:

Tá devagar para ver? Tente em três partes:

Parte 1 de 3

Parte 2 de 3

Parte 3 de 3

Atenção para quem mora por aí em Campinas. Estréia de mais uma animação do Núcleo:

O BURRICO E O BEM-TE-VI

Desenho animado – 7 minutos – 35mm

dia 04 de setembro de 2008 – quinta-feira – 20hs

Museu Carlos Gomes

CCLA – Centro de Ciências, Letras e Artes

Rua Bernardino de Campos, 989 – Centro – Campinas – (19)  3231-2567

*******************************************************************************

ficha técnica

“BURRICO-DE-PAU” MÚSICA COMPOSTA POR ANTÔNIO CARLOS GOMES EM 1894

“O BURRICO E O BEM-TE-VI” DESENHO ANIMADO DE MAURÍCIO SQUARISI

gravação musical com QUARTETO D’ARCOS violoncelo LARA ZIGGIATTI 1º violino ARTUR HUF 2º violino SAMUEL LIMA

viola JOSÉ EDUARDO edição de imagem e som ANSELMO CARVALHO assessoria de montagem ELISEU LOPES FILHO

figurino LUCIANA GABETTA cenografia DIEGO VEGA Arte-final ELISABETH RUSSO e MARÍLIA COTOMACCI

pintura ELISABETH RUSSO making of DÉBORA CASTRO transfer digital/35mm ANIMATION administração JANICE CASTRO

produção WILSON LAZARETTI Roteiro/grafismo/animação/direção MAURÍCIO SQUARISI

Olá, amigos,

Hoje entra no ar o Taulukko!

Mas que diabos é isso?

O Taulukko foi criado para que você, RPGista, possa jogar com seus amigos via internet, diretamente no navegador. Não é preciso baixar um programa para isso, nem configurar redes para que toda a turma se conecte na mesma mesa.

No Taulukko, você pode mestrar ou jogar uma campanha em uma tela de chat com rolador de dados integrado. Basta se registrar e logar no site.

Entre e confira:
www.taulukko.com.br

Para inaugurar o sistema, o desenvolvedor, o Edson, vai mestrar uma campanha de teste. Participe e ajude a identificar as melhorias mais urgentes para que todos se divirtam ainda mais! A campanha de teste se chama “Fronteiras 3″ e, a princípio, tem 5 vagas para jogadores “testers”. Adicione ao seu Catálogo e venha jogar com a gente!

abraços,
Edson e Maíra
staff Taulukko
www.taulukko.com.br