https://github.com/satyanaryana-merla/lights-hanging

Interactive Rope Simulation Description This project is an interactive simulation of a rope composed of multiple segments, demonstrating principles of physics through visual representation. Users can engage with the simulation by moving their mouse or touching the screen, causing the rope segments to react as if they are influenced by gravity
https://github.com/satyanaryana-merla/lights-hanging

Last synced: 11 days ago
JSON representation

Interactive Rope Simulation Description This project is an interactive simulation of a rope composed of multiple segments, demonstrating principles of physics through visual representation. Users can engage with the simulation by moving their mouse or touching the screen, causing the rope segments to react as if they are influenced by gravity

• Host: GitHub
• URL: https://github.com/satyanaryana-merla/lights-hanging
• Owner: Satyanaryana-Merla
• Created: 2024-10-30T09:39:52.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-30T09:44:52.000Z (about 2 months ago)
• Last Synced: 2024-10-30T10:34:01.103Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://satyanaryana-merla.github.io/lights-hanging/
• Size: 0 Bytes
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Project Title: Interactive Rope Simulation

Description

This project is an interactive simulation of a rope composed of multiple segments, demonstrating principles of physics through visual representation. Users can engage with the simulation by moving their mouse or touching the screen, causing the rope segments to react as if they are influenced by gravity and user interaction.

Features

Dynamic Rope Simulation: The simulation consists of multiple rope segments connected by joints, allowing for realistic movement and interactions.

User Interaction: Users can manipulate the rope by hovering their mouse or touching the screen, making it appear as if the rope is being pulled or pushed.

Visual Effects: Each segment of the rope is rendered with a light effect, adding an engaging aesthetic to the simulation.

Responsive Design: The canvas adjusts to different screen sizes, ensuring an optimal experience on both desktop and mobile devices.

Technologies Used

HTML5: For structuring the web application.

CSS3: For styling the canvas and layout.

JavaScript: For implementing the simulation logic and handling user interactions.

Canvas API: To render graphics on the HTML canvas.

How to Run

Clone the repository to your local machine:

bash

Copy code

git clone https:

Open the index.html file in your web browser to view the simulation.

Live Demo

You can view the live demo of this project at:(https://satyanaryana-merla.github.io/lights-hanging/)

Contribution

Contributions are welcome! Feel free to open issues or submit pull requests.