This Three.js application creates a solar system-themed projects showcase where each planet represents one of my projects. The planets visually display information about the projects in a creative and interactive manner.
-
Dynamic Planet Visualization: Each planet in the solar system represents a different project.
-
Interactive User Experience: Users can explore the solar system and interact with each planet to view project details.
-
Data-Driven Content: Project information is dynamically loaded from the
info
variable, allowing for easy updates and additions.
- Clone the repository:
git clone https://github.com/your-username/your-repo.git
Certainly! Below is a basic template for a README.md file for your Three.js app displaying projects as planets. You can copy and paste this into your GitHub repository:
markdown
Copy code
# Solar System Projects Showcase
## Description
This Three.js application creates a solar system-themed projects showcase where each planet represents one of my projects. The planets visually display information about the projects in a creative and interactive manner.
## Preview
Include a screenshot or gif showcasing your application.
## Features
- **Dynamic Planet Visualization:** Each planet in the solar system represents a different project.
- **Interactive User Experience:** Users can explore the solar system and interact with each planet to view project details.
- **Data-Driven Content:** Project information is dynamically loaded from the `info` variable, allowing for easy updates and additions.
## Usage
1. Clone the repository:
```bash
git clone https://github.com/your-username/your-repo.git
-
Open the index.html file in a web browser.
-
Explore the solar system by interacting with the planets.
const info = [
{
name: "Project 1",
description: "Description of Project 1.",
link: "https://github.com/your-username/project1",
},
{
name: "Project 2",
description: "Description of Project 2.",
link: "https://github.com/your-username/project2",
},
// Add more project entries as needed
];
Update the info
variable in your JavaScript code with details of your projects.
Make sure you have the required dependencies included in your project. Check the index.html file for script references.
Oskar "Bocian" Możdżeń
This project is licensed under the MIT License. See the LICENSE.md file for more information.