Uma das tecnologias mais interessantes vindas dos laboratórios de pesquisa da Microsoft foi a tecnologia Seadragon, usada tanto do Photosynth quanto disponível no Silverlight. Para quem não conhece, é a capacidade de guardar, esconder ou armazenar detalhes em imagens, com informações embutidas e carregadas em tempo real.

Eu sei, minha descrição é horrível e por isso, o melhor mesmo é ver uma amostra da tecnologia, agora implementada com uma engine totalmente em JavaScript para quem não possui o Silverlight instalado. Eu ainda acho que veremos um JavaScriptGL ou DirectJS 3D rodando no browser, usando todo o poder de processamento das placas de vídeo.

O mais interessante da tecnologia é que podemos colocar imagens gigantes, com resolução máxima em megapixels e ela será carregada de forma dinâmica, em partes. Um exemplo disso é a foto da Nebulosa Carinae, com sua brilante e gitante estrela binária Eta Carinae.

As imagens em altíssima resolução ou com informação escondida podem ser criadas usando-se um serviço beta online e gratuito, o Photozoom ou através de um aplicativo, também gratuito, o Deep Zoom Composer, para hospedar no seu próprio website.

Para obter a versão completa da imagem acima, com todos os seus 423 megapixels de glória e quase 480MB, veja aqui.

Fonte: Seadragon Ajax

Notícias relacionadas

infodrama's picture

Cara%#o que zoom Jawdropping! !
Muito legal. Agora achei o meu wallpaper em Huge definition Eye-wink

Review Notebook Hp Dv2760
Mine blog

monthiel's picture

legal demais sôoo

E não esqueçam, visitem o:
Blog do Monthiel

Bruno Gama's picture

Gostei pelo menos uma coisa deles funciona com Ajax no meu Firefox. Pq aquela porcaria do windows live mail necas.

Joao Lima's picture

Que foto !!!

Isso me lembrou do sonho com um telescopio amador , ta certo mal vou ver estrelas binarias ma ta valendo.

Ramon E. Ritter's picture

UAU! Fiquei sem palavras... e pensar que isso é javascript...

Fabião's picture

Tá, mas...

Guardadas as devidas proporções, não é a mesma coisa que o Google usa no Google Maps?

O deles é um pouco mais lento, é fato. Mas é javascript e faz praticamente a mesma coisa.

Ricardo Bicalho's picture

A diferença é que ao invés de dezenas de milhares de pedaços de imagens compostos, você carrega uma única imagem e a tecnologia faz o resto. A foto acima tem mais de 7MB e é uma única imagem. Smiling

A tecnologia foi criada para navegar quantidades massivas de informação. Uma amostra tem 73 Gigapixels (Contoso Fixter - http://livelabs.com/seadragon-ajax/gallery/) e você navega de forma suave por toda essa informação visual.

O Google Maps, ao dar um zoom, pega a informação, dispara um refresh com a aproximação necessária. Não existe uma transição natural como vemos acima.

E a vantagem é que podemos usar isso em nossos próprios websites, já que é voltado para consumidores.

Fabião's picture

Vamos ver se consigo ser mais técnico.

A única maneira de se fazer isso que eles estão fazendo em javascript, é trabalhar com tiles. Dividir a imagem em centenas, milhares de quadradinhos, e trabalhar com o zoom e scroll.

Um scroll numa imagem de 7MB iria ser absurdamente pesado. Nem comento em uma de 73GB: Óbvio que tudo isso tá vindo por ajax conforme a requisição de tais coordenadas da foto. Não há banda que aguente isso.

Exatamente como o Google Maps.

O que a "tecnologia" faz, é criar um "mapa" da imagem, igual o Google Maps faz, só que, na hora de fazer a transição entre as imagens, ele mantém a imagem, dá zoom, e aguarda que a nova imagem esteja carregada até substituí-la, dando a impressão que o zoom foi dado automaticamente, mas não foi.

A única diferença entre o Google Maps e o Seadragon, é que o Seadragon é mais bonitinho, mais rápido e dá a ilusão de que não é a mesma coisa, mas no fundo é.

Sim, é vantagem usar isso nos próprios websites, e de fato o troço é muito legal...

Mas é basicamente isso aqui (), só que usando os recursos de zoom que é possível fazer em javascript hoje, usando um jquery ou um mootools da vida.

A "tecnologia" só tá fazendo o "slice" das imagens, agora... sabemos que cortar imagens em quadradinhos é algo meio simples... ehehehe...

Não é pra brigar nem discutir não: É que eu realmente acho que o seadragon é só a Microsoft fazendo (bem, é fato), o que já foi feito antes. O photosynth é uma inovação, de fato.

Eu tinha pensado a mesma coisa, quando vi a implementação em Javascript (ainda não tinha testado isso no Silverlight).

Ele basicamente faz uma transição mais suave para o carregamento de imagens pesadas, usando exatamente o mesmo princípio do Google Maps. O mais legal pra mim mesmo, foi ver a implementação em Javascript, sem Silverlight.

Ricardo Bicalho's picture

Ah sim, não estou dizendo que o "motor" não é por combustão interna, mas existem motores e motores, concorda?

A grande sacada é justamente o que o torna "bonitinho", a naturalidade do zoom, que foi incorporada ao Photosynth. Se fosse tão simples assim ser feito, o Google já teria implementado no maps, concorda?

Essa fluidez do zoom nos tiles, que não aparenta refresh, é a forma de transicionar as imagens. Ele usa blend de cores, alpha blending e provavelmente algumas outras técnicas de stream e manipulação de cores e posicionamento.

Fabião's picture

Quote:
Se fosse tão simples assim ser feito, o Google já teria implementado no maps, concorda?

É que é simples... mas é PESADO. Google Maps roda até no PSP. Não sei se partiriam pra uma solução destas, não é vantagem.

Quote:
Ele usa blend de cores, alpha blending e provavelmente algumas outras técnicas de stream e manipulação de cores e posicionamento.

Nada... confere no .js que é zoom básico mesmo. Alpha de 0 a 100 com animação.

É que não tem por onde fazer blend de cores em javascript. O IE tem extensões proprietárias pra isso, mas tá longe de ser standard, nenhum browser suporta.

Ricardo Bicalho's picture

Hum... tem razão. O que eu vi com blend dinâmico foi em Silverlight. Mais tarde vou testar a ferramenta e ver do que esse script é capaz.

Olhei o script e o que ele chama de blend é na verdade um timing cuidadoso de imagens com resolução diferente. Ainda repito que só falta o EcmaScript plugar em placa de vídeo e aí teremos essas imagens com filtragem anisotrópica. Laughing out loud

Sabe o que seria legal? Medir o consumo de recursos entre o Google Maps e o Seadragon Ajax para ver qual o overhead. Alguma sugestão de ferramenta que faça isso?

Fabião's picture

Quote:
Sabe o que seria legal? Medir o consumo de recursos entre o Google Maps e o Seadragon Ajax para ver qual o overhead. Alguma sugestão de ferramenta que faça isso?

Não... mas se por acaso achar uma, me avise por favor, por que é um de meus sonhos de consumo.

Eu uso uma carinhosamente chamada por mim de "Pc Véio da Minha Irmã", pra fazer estimativas de peso de scripts.

Mas eu dou os meus cinco centavos de opinião: O overhead vai ser no as transições alpha das imagens. O IE vai se dar melhor pela implementação proprietária de opacidade usando Dx.

lordtux's picture

Finalmente, algo para qué gastar minha banda de madrugada.

Acesse My blog

fmb's picture

Puts...Muito show!

juloliveira's picture

Incrível...

Incrível como não tem nenhum comentário falando mau na Microsoft!

Acho que os comentaristas do post são todos usuários Windows e os Linux users morreram de inveja e passaram longe e deve estar no banheiro arrancando os cabelos pois não acharam uma crítica contra a M$

O post do Meiobit sobre o Photosynth foi assim tb!!!

Hehehe

Mas realmente, o Labs da Microsoft está de parabéns!
Outro Labs que sempre tem grandes novidades é o da Adobe.

[]´s

Juliano Oliveira ->
http://programandoem.net

Ricardo Bicalho's picture

Sim. Eu adoro as tecnologias da Adobe também. Trabalhei com Flash por vários anos e vejo com muito bons olhos o Air e o Flex.

E estou de olho também nas novidades que eles vão apresentar em 2009. A Adobe está de parabéns pelas iniciativas e precisam apenas de melhorar integração entre as ferramentas de desenvolvimento e design, que é justamente o foco atual da empresa.

Quanto aos críticos, é assim mesmo. Falar mal é mais divertido. Eye-wink
A Microsoft é um alvo fácil, pois eles dão de bandeja, como o bug de 7 anos ou o Vista.

Danskk's picture

Muito legal esse superZOOM. Sempre gostei de imagens e fotos, principalmente, as do espaço.
Tenho em minha casa um telescópio que eu mesmo construí, baseado no Telescópio de Galileu(também conhecido por luneta), que foi considerado o primeiro homem a usar o telescópio para investigações astronómicas. Já fiquei boquiaberto só de ver detalhes da lua, imagina ver imagens incríveis como a do post, por uma lente.

GuiChaves's picture

Vejam só!!!

http://msbluelight-0.agappdom.net/e1/d/74675/12993...

O Mapa Mundi numa unica foto com direito a nome de avenidas e de dar inveja no google maps!
Show!

________________________________________________
AEEeeee...

Fazendo Engenharia...NA FEI!!!
And looking for a Job...
Se alguem tiver um disponivel...me fala!!!

XAU CACILDA!!!

Jessica...TE AMO!!
!--

Pra 3D no navegador já tem o Canvas, que infelizmente só não é suportado pelo IE (mas nenhuma novidade aqui, né?). Aqui tem um exemplo bobo dele fazendo um mash-up com fotos do Flickr (você tem que clicar nos quadrados pra ele ir carregando), mas que já mostra o que se pode fazer num navegador.

O único inconveniente até agora, é que nenhum navegador utiliza a placa de vídeo pra acelerar, mas isso vai ser resolvido em algum momento no futuro, pois tanto o pessoal do WebKit, quanto o pessoal da Mozilla estão interessados em usar aceleração da placa gráfica pra desenhar as páginas (aliás, um dos motivos do pessoal da Mozilla ter integrado as bibliotecas do Cairo ao motor de desenho, foi a possibilidade futura de usar um backend OpenGL pra acelerar Canvas, CSS, enfim, tudo que fosse relativo a parte visual).

Wallacy's picture

Essa ai é o superzoom da imagem de 7mb né?

É mais "legal" a da imagem em 480mb....

O único problema do silverlight aqui é que muitos sites insistem em não exibir o conteúdo porque não tenho o "silverlight", ora bolas... Por essas bandas ele se chama moonlight, e está funcionado muito bem! (Todos os sites que não tem tal verificador ele roda direitinho)

Odeio profundamente esses verificadores de navegador/plugins/etc... Quando tem a opção de "continuar mesmo assim" beleza, o problema é que alguns não deixam você continuar de maneira alguma!

O mais chato são os sites que exigem você ter o IE sobre Windows somente para exibir htmls simples!

Voltando ao SuperZoom! Agora é só aguardar a "resposta" do google, que provavelmente vão melhorar a transição de imagens no google maps e provavelmente adicionar um conceito diferente semelhante o que a MS agora com essa ferramenta.

Po, trabalho com fotografia, e achei sensacional pra enviar minhas fotos, mas há um problema, o endereço loooongo demais, tem como eu colocar um endereço menor, ou alguma configuração no próprio photozoom? alguém me ajuda?

Opções de exibição de comentários

Selecione seu modo de exibição dos comentários favorito e clique "Salvar opções" para ativar suas mudanças.


Design Wenetus