This project demonstrates the use of various geometries in a simple 3D project using JavaScript and React Three Fiber. It showcases how 3D works in a web environment and provides a live link to view the project.

Features

• Utilizes almost all available geometries.
• Demonstrates 3D rendering with JavaScript.
• Interactive live link to view the project.
• Lists all geometries used in the Experience.jsx file.

Geometry Components

Here are the geometry names used in this project:

• BoxGeometry
• SphereGeometry
• ConeGeometry
• CylinderGeometry
• TorusGeometry
• LatheGeometry
• CapsuleGeometry
• TubeGeometry
• TetrahedronGeometry
• OctahedronGeometry
• DodecahedronGeometry
• IcosahedronGeometry
• PolyhedronGeometry
• RingGeometry
• PlaneGeometry
• CircleGeometry
• ShapeGeometry
• ExtrudeGeometry
• TextGeometry
• ParametricGeometry

Technologies Used

• React
• Three.js
• React Three Fiber
• React Three Drei

Getting Started

To get started with this project, follow these steps:

1. Clone the repository:

   git clone https://github.com/JabedWeb/3D-Model-with-JavaScript

2. Navigate to the project directory:

   cd 3D-Model-with-JavaScript

3. Install the dependencies:

   npm install

4. Start the 3D Project:

   npm run dev

Live Demo

Check out the live demo here.