Criar um Site

Preciso do código de uma animação HTML / CSS / Javascript de objetos de cores diferentes "caindo" na tela rapidamente.

- O usuário terá 60 segundos para interagir com os objetos.

- É necessário um contador na tela.

- Cada vez que clicar em um objeto azul ganhará um ponto. Preciso saber no final em quantos objetos azuis o usuário clicou.

- Cada vez que clicar em um objeto de cor que não seja azul, perderá um ponto.

- Preciso registrar a ordem de cores que o usuário clicou. Por exemplo: laranja, verde, azul, azul, azul, azul...

- Preciso saber em quantos objetos o usuário clicou ao todo (os azuis e de outras cores)

- É necessário que os objetos caiam rapidamente e que se embaralhem para dificultar que o usuário clique na cor certa.

- O fundo da tela precisa ser branco.

A animação deve ser inspirada na animação presente neste link: [url removed, login to view] - Onde também é possível ver parte da codificação.

Os objetos caindo precisam ser livros pequenos. Sugestão de imagens - Icones em png:

- Livro azul: [url removed, login to view]

- Livro verde: [url removed, login to view]

- Livro rosa: [url removed, login to view]

- Livro laranja: [url removed, login to view]

- Livro lilás: [url removed, login to view]

OBS. Podem ser utilizadas outras imagens desde que:

- Os desenhos dos livros sejam diferentes e não apenas a cor.

- O unico desenho de livro aberto deve ser o azul.

CSS Grafikdesign HTML JavaScript Webdesign

Projekt-ID: #13085686

Über das Projekt