https://github.com/luancss/monster-eletric
3D Eletric Monster Made With Pure Javascript
https://github.com/luancss/monster-eletric
css html javascript
Last synced: 9 months ago
JSON representation
3D Eletric Monster Made With Pure Javascript
- Host: GitHub
- URL: https://github.com/luancss/monster-eletric
- Owner: Luancss
- Created: 2023-12-05T01:17:11.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-06T19:39:46.000Z (over 2 years ago)
- Last Synced: 2023-12-07T02:32:34.455Z (over 2 years ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage: https://monster-eletric.vercel.app
- Size: 43 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Monster Electric
### Projeto (Screenshot):
---
Projeto composto por segmentos interconectados
## 🚀 Introdução
O Monster Electric é um projeto interativo que combina arte e tecnologia, apresentando tentáculos elétricos animados que respondem ao movimento do mouse. Desenvolvido com HTML, CSS e JavaScript, o projeto cria uma experiência visual envolvente, onde os tentáculos reagem de forma dinâmica aos estímulos do usuário
Interatividade do Usuário
- Mouse Movimento:
A animação dos tentáculos elétricos segue o movimento do mouse no canvas.
- Clique do Mouse:
O comportamento da animação pode ser afetado pelo clique do mouse.
## :clipboard: Pré-requisitos
- [VS Code](https://code.visualstudio.com/)
## :wrench: Instalação
Para clonar o projeto via HTTPS execute o seguinte comando:
```
git clone https://github.com/Luancss/monster-eletric
```
## 🔨 Execução em ambiente de desenvolvimento
```
npm start
```
## :hammer_and_wrench: Principais tecnologias utilizadas
- [Index.html](https://create-react-app.dev/) - Contém a estrutura HTML do site, incluindo um canvas para a animação.
- [Style.css](https://mui.com/material-ui/) - Arquivo de estilo que define a aparência visual do canvas e dos elementos da página.
- [Script.js](https://nivo.rocks/) - Código JavaScript que controla a lógica da animação e interação do usuário.
## ✍ Autor
Made with 💜 by Luancss
Feito com :heart: por [Luan Carlos](https://github.com/Luancss)