https://github.com/akash-pandey1/angular-18-three-js
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
https://github.com/akash-pandey1/angular-18-three-js
3d-angular angular-18-3d angular-18-threejs angular-3d angular-3d-animation angular-animations angular-three angular-three-js angular18-3d angular18-threejs angularjs-three-animation threejs-angular-example
Last synced: 12 months ago
JSON representation
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
- Host: GitHub
- URL: https://github.com/akash-pandey1/angular-18-three-js
- Owner: akash-pandey1
- Created: 2024-08-19T16:22:03.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-19T16:26:12.000Z (almost 2 years ago)
- Last Synced: 2025-05-22T01:12:42.360Z (about 1 year ago)
- Topics: 3d-angular, angular-18-3d, angular-18-threejs, angular-3d, angular-3d-animation, angular-animations, angular-three, angular-three-js, angular18-3d, angular18-threejs, angularjs-three-animation, threejs-angular-example
- Language: TypeScript
- Homepage: https://knowledgedoom.vercel.app
- Size: 129 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular 18 Three.js Integration
### Author: Akash Pandey akashdeep9226@gmail.com
## Introduction
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.
## Features
- **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.
## Getting Started
### Prerequisites
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.
### Installation
Follow these steps to set up the project locally:
1. **Clone the repository**:
```bash
git clone https://github.com/info-next/angular-18-three-js.git
cd angular-three-app
npm install
ng serve
### Contact
Email: akashdeep9226@gmail.com