https://shamsievartyom.github.io/threejs_viewer/
- Import 3D object into the scene
You can add multiple objects to the scene, but this scenario requires that all meshes added to the scene have different names.
import > FBX
- Select object
You can select a mesh or point light and then transform the selected object or change parameters of the point light.
Left click on the object that you want to be selected.
- Transform
Select an object, then you can transform the object using the "Object" menu. Also, you can select an object and use transform controls.
1 Select object > Go to "Object" in menu > Change input values
2 Select object > Drag transform controls (for changing transform control mode use Right click)
- Change light intensity and distance
Select a point light, then you get access to light parameters in the "Object" menu.
Select object > Go to "Object" in menu > Change input values
- Scene settings
You can change default settings in the "Scene" menu (changing the Shadow Resolution only works before importing objects).
Go to "Scene" > Change input values
- Preparing the Working Environment
Ensure that you have Node.js and npm installed. If not, install them from the official Node.js website. Check the versions of Node.js and npm to make sure they are present by running:
node -v
npm -v
- Cloning the Repository
Clone your project repository to your local computer using the command:
git clone https://github.com/MostBridge/Frontend
Navigate to the project folder:
cd Frontend
- Installing Dependencies
In the project's root directory, run the following command to install all necessary dependencies:
npm install
- Running the Project
To start the project, use the following command:
npm run dev
For building, use the following command:
npm run build
Project written with these libraries:
- React
- Redux toolkit
- TypeScript
- Vite
- React Three Fiber