Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shahramshakiba/animated-galaxy-p19
Curious about crafting the universe? Imagine shaping the cosmos at your fingertips! This project invites you to simulate an awe-inspiring galaxy. ⁞|⁞ ⚪Three.js 🔵GLSL
https://github.com/shahramshakiba/animated-galaxy-p19
animated-galaxy glsl shaders three-js
Last synced: about 1 month ago
JSON representation
Curious about crafting the universe? Imagine shaping the cosmos at your fingertips! This project invites you to simulate an awe-inspiring galaxy. ⁞|⁞ ⚪Three.js 🔵GLSL
- Host: GitHub
- URL: https://github.com/shahramshakiba/animated-galaxy-p19
- Owner: ShahramShakiba
- Created: 2024-07-25T14:54:07.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-28T07:22:13.000Z (4 months ago)
- Last Synced: 2024-10-11T22:06:37.525Z (about 1 month ago)
- Topics: animated-galaxy, glsl, shaders, three-js
- Language: JavaScript
- Homepage: https://animated-galaxy-shaders-shahram.netlify.app/
- Size: 87.9 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
_Animated Galaxy_ 
### 
_Description_
> To begin with, it is important to note that, this project have been sourced from an exceptional `Three.js Journey` Course.
#### 👤 Instructed by a _proficient_ and _expert educator_ _"Bruno Simon"_ .
## Animated Galaxy using custom shaders
https://github.com/user-attachments/assets/6e8fe72d-d1ca-4773-b457-9c6c2725c975
## Overview
🌌 Curious about crafting the universe? Imagine having the power to shape the cosmos right at your fingertips! This project invites you to embark on a cosmic journey where you'll simulate an awe-inspiring galaxy using the magic of custom shaders and Three.js. 🌠
- 🌀 Picture this: a swirling, mesmerizing galaxy that you can mold and transform with just a few clicks. Want more stars? Fewer branches? A different hue? The power is yours!
Our intuitive GUI allows you to tweak every aspect of your galaxy, from the number of branches to the size of the stars, and even their colors. ✨
- 🛠️ With each adjustment, watch as your galaxy comes to life, shifting and sparkling in real-time.
Whether you're a seasoned developer or a curious explorer, this project is designed to ignite your imagination and give you the tools to create a truly unique piece of the universe. 🚀
## Project Highlights
#### 1. Custom Shaders:
- Utilized to animate the galaxy, adding dynamic visual effects.
#### 2. Adjustable Parameters:
- Allows users to tweak the galaxy's properties including branch count, size, and color using a GUI.
#### 3. Real-time Rendering:
- Ensures smooth and interactive visualization of the galaxy.
#### 4. Performance Enhancements:
- Optimized rendering techniques to maintain high performance and smooth interactions even with complex visuals.
## Tech Stack
> ### 1. Three.js:
For rendering 3D graphics and handling particle systems.
> ### 2. GLSL:
Custom shaders for creating and animating the galaxy and its dynamic visual effects.
> ### 3. HTML/CSS/JavaScript:
Standard web technologies for structuring and styling the project.
## Live Demo
#### Check out the live demo _here_ .
## Contributing
#### Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request. Here are the steps to contribute:
> #### 1. Fork the repository:
+ Click the "Fork" button on the top right of this page to create a copy of this repository in your GitHub account.
> #### 2. Clone your fork:
```bash
git clone https://github.com/your-username/your-repo.git
cd your-repo
```
> #### 3. Create a branch:
```bash
git checkout -b my-feature-branch
```
> #### 4. Make your changes:
+ Implement your feature or fix the bug.
> #### 5. Commit your changes:
```bash
git add .
git commit -m "Add my new feature"
```
> #### 6. Push to your fork:
```bash
git push origin my-feature-branch
```
> #### 7. Create a pull request:
+ Open a pull request on the original repository with a description of your changes.
## Contact 
> #### If you have any questions or need further assistance, feel free to reach out:
## Support 
> #### If you enjoyed exploring this project, please consider supporting me on GitHub to keep the stars aligned.