Skip to content

najlae01/hello-threejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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/

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 to see the project in action.

Resources

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/