Gas Effect is an interactive web application that lets the user experience a gas spreading like effect. Users can draw on a canvas, and the application dynamically responds to their actions, creating a unique and engaging experience. The application features a range input that allows users to adjust the size of the drawing blocks, offering a customizable experience.
- Interactive Canvas: Users can draw on the canvas with their mouse.
- Dynamic Response: The application dynamically updates the canvas in real-time, creating a visually appealing effect.
- Customizable Block Size: Users can adjust the size of the drawing blocks using a range input, allowing for a customizable drawing experience.
- Real-time Blurring Effect: As users draw, the application applies a blurring effect to the canvas, imitating gas spreading effect.
To get a local copy up and running follow these simple steps.
- Node.js installed on your machine.
- A basic understanding of HTML, CSS, and TypeScript.
- Clone the repo
git clone https://github.com/your_username_/Project-Name.git - Install NPM packages
npm install - Run the development server
npm run dev
- Open the application in your web browser.
- Use your mouse to draw on the canvas.
- Adjust the size of the drawing blocks using the range input to change the drawing experience.
Distributed under the MIT License. See LICENSE for more information.
For any questions or feedback, please contact the project maintainer(ME) at our discord server, Pinion's Nest.