A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).
Como fazer o Google Chrome dançar o Harlem Shake
CanalTuToMaster007Descrição do autor
Código:
Como funciona:
"1) Detecta *conteúdos grandes* na página. Pode ser uma caixa com texto, imagens maiores, ou qualquer coisa que esteja realmente visível. Note que a maioria das páginas web tem muitos elementos definidos no código, mas que não são muito visíveis (ou nem aparecem) na tela.
2) Para cada elemento, atribui um *nome de classe* específico. Isso permite que o script os identifique a qualquer momento.
O autor deve ter usado um *minificador de código* para facilitar o uso (como o *Online YUI Compressor*). Usei um *formateador de JavaScript* online para reorganizar o código, e é bastante fácil de entender para técnicos ou programadores, mesmo que as funções e variáveis tenham sido renomeadas para apenas um carácter: ClaudiuC/Chrome Harlem Shake.
*Nota:* Isso não seria possível sem o padrão de áudio HTML5 e as animações CSS3."
Fonte:
Claudiu Ceia em *« Harlem Shake: Como funciona o código do Google Chrome Harlem Shake? »*
Música:
Baauer – *Harlem Shake*
Programas usados:
- CamStudio
- Windows Live Movie Maker
- Blender
Como funciona:
"1) Detecta *conteúdos grandes* na página. Pode ser uma caixa com texto, imagens maiores, ou qualquer coisa que esteja realmente visível. Note que a maioria das páginas web tem muitos elementos definidos no código, mas que não são muito visíveis (ou nem aparecem) na tela.
2) Para cada elemento, atribui um *nome de classe* específico. Isso permite que o script os identifique a qualquer momento.
O autor deve ter usado um *minificador de código* para facilitar o uso (como o *Online YUI Compressor*). Usei um *formateador de JavaScript* online para reorganizar o código, e é bastante fácil de entender para técnicos ou programadores, mesmo que as funções e variáveis tenham sido renomeadas para apenas um carácter: ClaudiuC/Chrome Harlem Shake.
*Nota:* Isso não seria possível sem o padrão de áudio HTML5 e as animações CSS3."
Fonte:
Claudiu Ceia em *« Harlem Shake: Como funciona o código do Google Chrome Harlem Shake? »*
Música:
Baauer – *Harlem Shake*
Programas usados:
- CamStudio
- Windows Live Movie Maker
- Blender
Sobre este tutorial
TuToMaster007 publicou este tutorial em vídeo de 2:08 em 11 de novembro de 2013. Foi visto 218 084 vezes no YouTube.
- Canal
- TuToMaster007
- Categoria
- Filmes e animação
- Duração
- 2:08
- Publicado
- 11 de novembro de 2013
- Visualizações
- 218 084
- Gostos
- 861
Partilhar
Este tutorial noutros idiomas
- ENHow to make Google Chrome do the Harlem Shake
- FRComment faire Google Chrome faire le Harlem Shake
- ESCómo hacer que Google Chrome hacer el Harlem Shake
- ITCome rendere Google Chrome fare il harlem shake
- DEWie macht man Google Chrome die Harlem schütteln tun
- NLHoe maak je Google Chrome doet de Harlem Shake
- RUКак сделать Google Chrome сделать Harlem Shake
- PLJak sprawić, by Google Chrome wykonaj Harlem Shake
- JAGoogle Chromeはハーレムシェイクを行うようにする方法
- ARكيفية جعل جوجل كروم تفعل هارلم اهتز
- HIकैसे गूगल क्रोम कर हार्लेम शेक बनाने के लिए
- IDCara membuat Google Chrome melakukan Harlem Shake