https://github.com/wassimoubaziz/interactive-canvas-experience

interactive canvas experience created using HTML, CSS, and JavaScript! 🚀
https://github.com/wassimoubaziz/interactive-canvas-experience

animation canvas canvas-game

Last synced: 1 day ago
JSON representation

interactive canvas experience created using HTML, CSS, and JavaScript! 🚀

• Host: GitHub
• URL: https://github.com/wassimoubaziz/interactive-canvas-experience
• Owner: wassimOubaziz
• License: mit
• Created: 2024-01-07T10:47:14.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-01-07T10:52:10.000Z (11 months ago)
• Last Synced: 2024-01-07T11:55:16.207Z (11 months ago)
• Topics: animation, canvas, canvas-game
• Language: JavaScript
• Homepage: https://wassimoubaziz.github.io/interactive-canvas-experience/
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🎨 Interactive Canvas Experience

Welcome to Canvas, an interactive canvas experience created using HTML, CSS, and JavaScript! 🚀

## 🖌️ Overview

Canvas is a dynamic canvas project that generates colorful circles, each with its own behavior. The circles move around the canvas, changing their size when the mouse is near. The canvas responds to window resizing to ensure a visually pleasing experience.

## 🚀 Features

- **Dynamic Circles:**

  Watch as colorful circles move around the canvas, creating an ever-changing display.

- **Interactive Resizing:**

  The canvas adjusts seamlessly to window resizing, maintaining a vibrant appearance.

## 🕹️ How to Interact

1. **Mouse Movement:**

   Move your mouse around the canvas to influence the size of the circles.

2. **Window Resizing:**

   Resize your browser window to see how the canvas adapts dynamically.

## 🎨 Design

Canvas 01 features a visually appealing design with vibrant circles and a responsive layout.

## 🛠️ Technologies Used

- **HTML**

- **CSS**

- **JavaScript**

## 🚀 Getting Started

To experience Canvas 01, simply open the `index.html` file in your browser and enjoy the dynamic display of colorful circles!

## 🌐 Live Demo

Check out the live demo of Canvas 01 [here](https://wassimoubaziz.github.io/interactive-canvas-experience/).

## 🤝 Contributions

Contributions are welcome! If you have ideas for improvement or want to fix a bug, feel free to open a pull request.

## 📄 License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE) file for details.

## 📬 Contact

Have questions or suggestions? Reach out to [email protected] or open an issue.

Enjoy the interactive canvas experience! 🎨