https://github.com/qc20/floating-sphere
A simple three.js floating sphere
https://github.com/qc20/floating-sphere
interaction-design interactive javascript react sphere threejs vizualisation webdevelopment website
Last synced: 5 months ago
JSON representation
A simple three.js floating sphere
- Host: GitHub
- URL: https://github.com/qc20/floating-sphere
- Owner: QC20
- License: mit
- Created: 2024-04-20T00:42:38.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-21T18:16:48.000Z (about 1 year ago)
- Last Synced: 2024-12-31T21:40:31.708Z (6 months ago)
- Topics: interaction-design, interactive, javascript, react, sphere, threejs, vizualisation, webdevelopment, website
- Language: JavaScript
- Homepage: https://floating-sphere.vercel.app
- Size: 154 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# floating-sphere
A simple three.js floating sphere
**This repository contains a simple WebGL renderer built using Three.js.
## Description
The `app.js` file in this repository sets up a basic scene with a rotating mesh using Three.js. It includes functionality to render the scene and handle animation.
## Usage
To use this WebGL renderer, follow these steps:
1. Clone this repository to your local machine.
2. Open the `index.html` file in a web browser.
3. You should see a rotating mesh rendered in the browser window.
## Features
- Simple setup for a Three.js scene.
- Rotating mesh animation.
- Basic lighting setup.
## Getting Started
To get started with using this WebGL renderer, simply clone the repository and open the `index.html` file in a web browser. You can then modify the `app.js` file to customize the scene and mesh to your liking.
## Dependencies
This project relies on the Three.js library for WebGL rendering. Make sure to include the Three.js library in your project to use this renderer.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- The WebGL renderer was built using the Three.js library.
- Inspiration for this project came from various WebGL tutorials and resources online.