monster-eletric

KO | EN

gitlite — search

#python #react #typescript #llm #golang #android #nodejs #awesome #cli #kubernetes #pytorch #openai #ios #open-source

monster-eletric

(★ 15)

3D Eletric Monster Made With Pure Javascript

monster-eletric Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Monster Electric</h1><br>

### Projeto (Screenshot):
<img src="./.github/monster png.JPG" />

---
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

<img alt="Luancss" title="Luancss" src="https://avatars.githubusercontent.com/u/104950187?v=4" width="100">
<p>
    Made with 💜 by Luancss
</p>
<p align="left">
    <a href="https://www.linkedin.com/in/luan-carlos-30035b246/" target="_blank">
        <img align="center" src="https://img.shields.io/badge/LinkedIn-%230077B5?style=for-the-badge&logo=linkedin&logoColor=white" alt="Linkedin Luan Carlos" />
    </a>
    <a href="mailto:luancss.contact@gmail.com" target="_blank">
        <img align="center" src="https://img.shields.io/badge/Gmail-FF0000?style=for-the-badge&logo=gmail&logoColor=white" alt="Gmail Luan Carlos" />
    </a>
</p>

Feito com :heart: por [Luan Carlos](https://github.com/Luancss)

monster-eletric

monster-eletric Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

monster-eletric

monster-eletric Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README