4 Surpreendentemente Impressionante HTML5 Web Comics

Aqui estão alguns protótipos que são exemplos interessantes do que o HTML5 pode fazer para tornar nossa experiência em quadrinhos muito mais envolvente. Este artigo mostra alguns desses esforços iniciais.

Aqui estão alguns protótipos que são exemplos interessantes do que o HTML5 pode fazer para tornar nossa experiência em quadrinhos muito mais envolvente.  Este artigo mostra alguns desses esforços iniciais.
Propaganda

quadrinhos da web Canvas e JavaScript são os novos super-heróis. O que? Você não ouviu falar deles? Bem, é porque você não está familiarizado ainda com o HTML5. Muito em breve, os The Avengers poderão vir ao seu Web site graças ao potencial do HTML5. A Marvel já tem um aplicativo da web que transforma seu navegador Google Chrome em um leitor de livros em quadrinhos habilidoso. Está tudo na glória do HTML5.

Eu espero que você volte de lá. Embora os próprios quadrinhos ainda não sejam feitos em HTML5, há alguns protótipos que são exemplos interessantes do que o HTML5 pode fazer para tornar nossa experiência em quadrinhos muito mais envolvente. Este artigo mostra alguns desses esforços iniciais. Enquanto o HTML5 pode ou não ser um Flash-killer, os sinais indicadores (e Apple) dizem que o HTML5 poderia definitivamente ser um assassino de produtividade!

Aqui estão quatro quadrinhos da web HTML5 surpreendentemente legais…

Seifador

quadrinhos da web

Este é um demo HTML5 Scroll Book que diz que é o primeiro aplicativo web de quadrinhos digital ativado por rolagem HTML5. Desenvolvido pela Saizen Media, obteve o Prêmio de Site da FWA para Site do Dia no início deste ano. Clique no Modo Couch e sente-se enquanto o comicbook rola automaticamente. Observe os personagens e objetos se movendo de acordo com a sua posição de rolagem. Uma narração e música adicionam o efeito da obra de arte Manga. O gibi das imagens estáticas é assim transformado. Demorou um pouco para iniciar (eu tenho uma conexão comparativamente lenta), mas uma vez que foi realmente impressionante. Pena, isso é apenas uma demonstração.

Nunca mente as balas

html5 web comic

A passagem Sobre no site HTML5 diz melhor:

Never Mind The Bullets oferece a tradicional experiência de banda desenhada enriquecida pelos efeitos da paralaxe. Por um simples movimento do mouse, a tira se anima e a história ganha vida. A história se desenrola em LongHorn Gush, uma cidade tranquila perturbada por um bando de foras da lei que se chamam The Red Bandanas. No entanto, com a chegada do famoso Bill 'One Shot' Collins as coisas estão prestes a mudar…

O que é uma paralaxe? Aqui está a Wikipedia. O comic web interativo é uma demonstração dos recursos do HTML5 no IE9. Não deixe que a coisa do "IE" o afaste enquanto você aproveita a história do Velho Oeste fazendo um panning da esquerda para a direita.

Bifter

quadrinhos da web

Bifter é um quadrinho da web SVG (Scalable Vector Graphics) que usa muito o HTML5. O SVG é Open Source e é um formato compacto para scripts e animações interativos, especialmente quando precisa ser visualizado em dispositivos com diferentes resoluções (como celulares). Nesses quadrinhos da web de Jonathan Ingram, Biff e Dave são dois cachorros e o gibi relata suas aventuras com comentários sociais. Leia as 18 edições em exibição agora no seu navegador.

Livros Digitais da Disney - TRON

4 Surpreendentemente Impressionante HTML5 Web Comics html5 webcomic04

Você viu o filme. Agora, confira este romance animado em neon azul que foi uma colaboração de contação de histórias entre a Disney e a Microsoft. Assim como Never Mind The Bullets, a peça final do HTML5 foi criada para demonstrar as novas tecnologias da Web no IE9. Obra de arte soberba e uma pontuação de fundo combinam para mergulhar você em The Grid. Siga Kevin Flynn rolando a tela enquanto ele tenta escapar do Grid e do Clu, o tirano.

Estes quatro HTML5 são truques visuais que você pode aproveitar. Certo, não o mundo da web em HTML5 é um pouco esparso, mas eu acho que isso vai mudar gradualmente conforme os desenvolvedores perceberem os benefícios de criar experiências de leitura personalizadas usando essas tecnologias modernas da web. Mas se você estiver interessado em mais de HTML5, aqui estão mais algumas setas direcionais:

  • 10 sites para ver o que HTML5 é tudo sobre 10 sites para ver o que HTML5 é tudo sobre 10 sites para ver o que HTML5 é tudo sobre Leia mais
  • 5+ impressionantes jogos HTML5 grátis que você pode jogar no seu navegador 5+ jogos HTML5 impressionantes grátis que você pode jogar no seu navegador 5+ jogos HTML5 impressionantes grátis que você pode jogar no seu navegador HTML5 significa a evolução da linguagem de marcação como a conhecemos. Flash jogos eram uma vez a norma quando se tratava de entretenimento baseado em navegador, mas agora graças à natureza poderosa do HTML5 muitas aplicações web, ... Mais
  • 15 sites que fazem coisas incríveis com HTML5 15 sites que fazem coisas incríveis com HTML5 15 sites que fazem coisas incríveis com HTML5 Leia mais

Eu perdi algum quadrinho da web HTML5 que está por aí? Solte o link nos comentários, e não se esqueça de nos dizer se você é um fã de quadrinhos da web e um dos seus favoritos.

In this article