TentacleFlow is a simple web-based application that creates a dynamic, interactive tentacle effect using HTML, CSS, and JavaScript. The tentacles follow the mouse cursor, creating a fluid and visually appealing animation. This project demonstrates basic principles of animation and user interaction in a web environment.
Interactive tentacles that follow the mouse cursor Dynamic color changes and effects Animated target position with smooth transitions Demo
You can view a live demo of this project here (provide a link if you have one).
- Clone the repository:
git clone https://github.com/your-username/tentacleflow.git
- Navigate to the project directory:
cd tentacleflow
- Install the dependencies:
npm install
To start the development server and view the project in your browser, use:
npm start
This command will start a local server and open the project in your default web browser.
For development, the project uses lite-server. Ensure it is installed with:
npm install lite-server --save-dev
Move your mouse around the screen to see the tentacles follow the cursor. The tentacles animate smoothly and change color dynamically.
index.html: The main HTML file for the project.styles.css: The stylesheet for styling the application.script.js: The JavaScript file containing the logic for the electric monster interactions
- HTML
- CSS
- JavaScript
If you would like to contribute to this project, please fork the repository and submit a pull request with your changes. Make sure to follow the existing code style and add tests for any new features.
This project is licensed under the MIT License. See the LICENSE file for more details.
Inspired by basic principles of animation and user interaction. Uses requestAnimationFrame for smooth animations.# tentacleflow An interactive web application featuring an electric monster that responds to mouse movements, built with HTML, CSS, and JavaScript. A fun and educational project to explore the capabilities of pure JavaScript.
- Author: Alef L. Vaz
- Email: [email protected]
- GitHub: vlalef
For any questions or feedback, you can reach me at [email protected]
