Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/najlae01/hello-threejs
https://github.com/najlae01/hello-threejs
fun hobby-project threejs
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/najlae01/hello-threejs
- Owner: najlae01
- Created: 2023-06-29T00:35:28.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-06-29T01:16:20.000Z (over 1 year ago)
- Last Synced: 2024-11-11T12:44:13.316Z (3 months ago)
- Topics: fun, hobby-project, threejs
- Language: JavaScript
- Homepage: https://hello-threejs-psi.vercel.app
- Size: 3.45 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Hello Three.js
Welcome to the "Hello Three.js" project! This is a simple demonstration of using the Three.js library to create 3D Text and graphics in the browser.
## Description
The "Hello Three.js" project showcases the basic usage of Three.js to render 3D objects and text in a web browser. It includes the following features:
- Rendering a 3D text object using a custom font and material.
- Creating multiple instances of a donut-shaped object and positioning them randomly in 3D space.
- Applying materials and textures to the objects.
- Animating the donut objects to rotate slowly over time.
## Demo
You can view a live demo of the project on Vercel: [https://hello-threejs-psi.vercel.app/](https://hello-threejs-psi.vercel.app/)
## Installation
To run the project locally, follow these steps:
1. Clone the repository to your local machine.
```
git clone https://github.com/najlae01/hello-threejs.git
```
2. Navigate to the project directory.
```
cd hello-threejs
```
3. Install the dependencies using npm.
```
npm install
```
4. Start the development server.
```
npm run dev
```
5. Open your web browser and visit [http://localhost:5173](http://localhost:5173) to see the project in action.
## Resources
- [Three.js Documentation](https://threejs.org/docs/) - Official documentation for the Three.js library.
- [lil-gui](https://github.com/louismerlin/lil-gui) - GUI library used for debugging and development.
## Credits
This project is part of the Three.js Journey program created by Bruno Simon. To learn more about the program and explore additional Three.js projects and tutorials, visit the official website: [https://threejs-journey.com/](https://threejs-journey.com/)
---