Author: Akash Pandey akashdeep9226@gmail.com
This project demonstrates how to integrate Three.js with an Angular 18 application. It provides a basic setup for creating 3D graphics and animations within an Angular environment. The project includes a simple example of rendering a 3D cube, showing how to set up Three.js within an Angular component and how to manage rendering, animation, and responsiveness.
- Angular 18: The latest version of Angular.
- Three.js: A powerful 3D graphics library.
- Responsive Canvas: The Three.js scene automatically adjusts to window size changes.
- Anti-Aliasing: Smooth edges for better visual quality.
Before you begin, ensure you have met the following requirements:
- Node.js and npm installed on your machine.
- Basic knowledge of Angular and Three.js.
Follow these steps to set up the project locally:
- Clone the repository:
git clone https://github.com/info-next/angular-18-three-js.git cd angular-three-app npm install ng serve
Email: akashdeep9226@gmail.com