brincando com realidade aumentada

Encontrei um site muito bacana onde pude gravar alguns videos em AR, os modelos foram pegos no site da ARSights, caso alguém queira brinca em casa!  :P

Maracanã:

Teatro Municipal:

Coliseo:

Torre Eiffel:

Modelos:  arsights.com

Animação com javascript puro em 45 linhas

Alguns dias atrás tirei 15 minutos de meu trabalho para fazer algo com um efeito de uma bola quicando em uma area definida no browser usando javascript ( não irei contar a verdadeira história que me levou a fazer isso, pois é algo longo…. ),  e como vi que ficou legal, achei bacana mostrar isso para vocês.

Espero que esse exemplo ajude alguém a ter novas ideias!  ;-)

Antes de colar o fonte + o link demo, quero dizer que somente testei esse efeito no Firefox e Chrome se alguém puder me da um feedback, ficarei feliz!  :-)

FONTE:

<script language=javascript>

var LIMITE_Y = 200,LIMITE_X = 200,LIMITE_BARRA = 0,DELAY = 10, VELOCIDADE = 2, X = 0, Y = 0;

var PAUSE = false;

var SENTIDO_Y = “D”, SENTIDO_X= “B”;

window.onload = function(){

var BOX = document.getElementById(“box”);

var BARRA = document.getElementById(“bloco”);

var AREA = document.getElementById(“area”);

BARRA.style.left = 75;

BARRA.style.top = 100;

BOX.style.left = X;

BOX.style.top = Y;

var LIMITE_BARRA_X = parseInt(BARRA.style.top.replace(“px”,”"))-parseInt(BOX.offsetHeight)-parseInt(BARRA.offsetWidth);

var LIMITE_BARRA_Y = parseInt(BARRA.style.left.replace(“px”,”"))+parseInt(BOX.offsetWidth);

window.setInterval(function() {

if(PAUSE) {

if (Y >= LIMITE_Y) SENTIDO_Y = “E”;

if (Y <= 0) SENTIDO_Y = “D”;

Y = (SENTIDO_Y == “D”) ? (Y+VELOCIDADE): (Y-VELOCIDADE);

if (X >= LIMITE_X) SENTIDO_X = “C”;

if (X <= 0) SENTIDO_X = “B”;

X = (SENTIDO_X == “B”) ? (X+VELOCIDADE) : (X-VELOCIDADE);

if((X == LIMITE_BARRA_X  && Y <= LIMITE_BARRA_Y)) SENTIDO_X = “C”;

if(X <= (LIMITE_BARRA_X+parseInt(BARRA.offsetWidth)+parseInt(BARRA.offsetHeight)) && Y <= parseInt(BOX.offsetHeight+BARRA.offsetHeight)) {

if(X == (LIMITE_BARRA_X+BARRA.offsetWidth+BARRA.offsetHeight))SENTIDO_Y = “E”;

else if (X > LIMITE_BARRA_X &&  X <= (parseInt(BOX.offsetHeight)+LIMITE_BARRA_X)){

SENTIDO_X = “B”;

SENTIDO_Y = “D”;

}

AREA.style.backgroundColor= (AREA.style.backgroundColor == ‘green’ ? ‘white’ : ‘green’);

}

BOX.style.left = Y;

BOX.style.top = X;

}

},DELAY);

}

</script>

var LIMITE_Y = 200,LIMITE_X = 200,LIMITE_BARRA = 0,DELAY = 10, VELOCIDADE = 2, X = 0, Y = 0;
var PAUSE = false;
var SENTIDO_Y = "D", SENTIDO_X= "B";
window.onload = function(){
var BOX = document.getElementById("box");
var BARRA = document.getElementById("bloco");
var AREA = document.getElementById("area");
BARRA.style.left = 75;
BARRA.style.top = 100;
BOX.style.left = X;
BOX.style.top = Y;
var LIMITE_BARRA_X = parseInt(BARRA.style.top.replace("px",""))-parseInt(BOX.offsetHeight)-parseInt(BARRA.offsetWidth);
var LIMITE_BARRA_Y = parseInt(BARRA.style.left.replace("px",""))+parseInt(BOX.offsetWidth);
window.setInterval(function() {
if(PAUSE) {
if (Y >= LIMITE_Y) SENTIDO_Y = "E";
if (Y <= 0) SENTIDO_Y = "D"; Y = (SENTIDO_Y == "D") ? (Y+VELOCIDADE): (Y-VELOCIDADE); if (X >= LIMITE_X) SENTIDO_X = "C";
if (X <= 0) SENTIDO_X = "B";
X = (SENTIDO_X == "B") ? (X+VELOCIDADE) : (X-VELOCIDADE);
if((X == LIMITE_BARRA_X && Y <= LIMITE_BARRA_Y)) SENTIDO_X = "C";
if(X <= (LIMITE_BARRA_X+parseInt(BARRA.offsetWidth)+parseInt(BARRA.offsetHeight)) && Y <= parseInt(BOX.offsetHeight+BARRA.offsetHeight)) { if(X == (LIMITE_BARRA_X+BARRA.offsetWidth+BARRA.offsetHeight))SENTIDO_Y = "E"; else if (X > LIMITE_BARRA_X && X <= (parseInt(BOX.offsetHeight)+LIMITE_BARRA_X)){
SENTIDO_X = "B";
SENTIDO_Y = "D";
}
AREA.style.backgroundColor= (AREA.style.backgroundColor == 'green' ? 'white' : 'green');
}
BOX.style.left = Y;
BOX.style.top = X;
}
},DELAY);
}

DEMO :   http://aspx.xmasters.com.br/bolinha/

Stand up Comedy – Leandro Hassum – As religiões e afins

Emos vs Punks

10 coisas que você NÃO deve fazer quando for co-piloto….

Encontro Brasileiro de Arquitetura da Informação

São Paulo sedia evento que discutirá o futuro do profissional da área, além de discutir novas ideias e encorajar a produção de trabalhos.

O 3º Encontro Brasileiro de Arquitetura da Informação (EBAI) acontece nos dias 2 e 3 de outubro em São Paulo, no auditório da Universidade Anhembi Morumbi.

A ideia do evento é discutir o papel do arquiteto da informação e apresentar novas ideias para a área, encorajando a produção de novos trabalhos.

Entre os palestrantes, estão Felipe Memória, diretor de design da empresa de desenvolvimento Huge, que falará sobre o aprendizado e a realidade do mercado e como é trabalhar na área fora do Brasil.

O diretor de práticas profissionais do IA Institute,  Andrew Hinton, fará uma palestra sobre o futuro do cargo e seu decisivo papel para melhorar a experiência dos usuários.

As inscrições estão abertas e a participação para os dois dias de evento custa 386 reais por pessoa. Mais informações podem ser obtidas no site do EBAI ou pelo telefone (11) 5071-4057.

fonte :

http://idgnow.uol.com.br/carreira/2009/08/18/encontro-brasileiro-de-arquitetura-da-informacao-ocorre-em-outubro/

The New Windows Live Movie Maker is Here

Microsoft has just released a new version of Windows Live Movie Maker which is a free video editing software available for both Windows Vista and Windows 7.

Windows Live Movie Maker now includes several new and impressive transitions and visual effects that are easily accessible from the new Office 2007 like ribbon toolbar. You can even pin these to the title bar of the program for quick access.

Microsoft discontinued Photostory with Windows Vista but the same Ken Burns effect can now be replicated in Movie Maker using the new Pan & Zoom effects (see video tutorials).

Movie Maker can render videos in full High Definition (1080p) format and you also have the option to upload movies directly to YouTube just like in Google’s Picasa software.

The only disappointing part is that Live Movie Maker won’t probably work with your Windows XP system.

Related: The Best Software for Windows (Free tools only)

Update: In addition to Live Movie Maker, Microsoft has also released minor updates for Windows Live Writer and Windows Live Photo Gallery.

Windows Live Movie Maker – Video Overview

fonte : http://www.labnol.org/software/windows-live-movie-maker-1080p/9473/

Acessiblidade …

Ontem um amigo estava com dúvidas sobre essa tal de “acessibilidade”,  notei que ele estava um pouco confuso, ou até mesmo fora de sintonia, então passei um slide bem bacana produzida pela Taynara Jaegger,  essa apresentadão explica de forma simples,clara e objetiva o que é acessibilidade…

Ps:  Ela foi uma das responsáveis pelo primeira rede social totalmente acessivel :  http://acesse.org.br

Qx3 – desenvolve a primeira rede social totalmente acessível.

Hoje foi lançado a rede social do Instituto Superar, confecionada pela Qx3.

Desenvolvida em Asp.Net 3.5  / MVC.

Comunidade Acesse :

http://acesse.org.br/

Qx3:  http://www.qx3.com.br

Microsoft irá integrar buscador Bing a aplicativos do iPhone

Integrador, criado com a linguagem de programação Objective C, está sendo testado e deve ser lançado pela empresa nas próximas semanas.

http://idgnow.uol.com.br/telecom/2009/08/13/microsoft-ira-integrar-buscador-bing-a-aplicativos-do-iphone/