https://github.com/isaka-james/torching
Torching is a web application that enhances image viewing with interactive torchlight effects. When users hover their mouse over images, it simulates a dynamic lighting effect, creating an immersive experience akin to moving a torch over the image.
https://github.com/isaka-james/torching
css-effects dynamic-lighting-effect interactive-design js open-source performance-optimization ui ux web-design web-development
Last synced: 11 months ago
JSON representation
Torching is a web application that enhances image viewing with interactive torchlight effects. When users hover their mouse over images, it simulates a dynamic lighting effect, creating an immersive experience akin to moving a torch over the image.
- Host: GitHub
- URL: https://github.com/isaka-james/torching
- Owner: isaka-james
- License: mit
- Created: 2024-07-16T12:20:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-04T10:13:07.000Z (over 1 year ago)
- Last Synced: 2025-01-26T16:47:23.572Z (about 1 year ago)
- Topics: css-effects, dynamic-lighting-effect, interactive-design, js, open-source, performance-optimization, ui, ux, web-design, web-development
- Language: JavaScript
- Size: 87.9 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#### Overview
Torching is a web application that enhances images with a dynamic lighting effect. Inspired by the 404 error page on Unsplash website, Torching creates a realistic torchlight effect over images when the user hovers their mouse, adding a unique interactive element to image viewing.
#### Features
- **Dynamic Lighting:** Experience images with a realistic torchlight effect.
- **Interactive UI:** Simple interface where users can interactively explore the effect.
- **Easy Integration:** Easily integrate into existing web applications with minimal setup.
#### Demo
See the effect in action [here](https://isaka-james.github.io/torching/).
#### Installation
1. Clone the repository:
```bash
git clone https://github.com/isaka-james/torching.git
```
2. Navigate into the project directory:
```bash
cd torching
```
3. Open `index.html` in your web browser.
#### Usage
Simply hover your mouse over the images displayed in the application to see the torchlight effect in action.
#### Contributing
Contributions are welcome! If you'd like to add features, improve performance, or fix bugs, please follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-improvement`).
3. Make your changes.
4. Commit your changes (`git commit -am 'Add new feature'`).
5. Push to the branch (`git push origin feature-improvement`).
6. Create a new Pull Request.
#### License
This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.
#### Contact
For any questions or feedback, feel free to reach out at [twitter](https://x.com/isakajamess).