Skip to content

Latest commit

 

History

History
37 lines (24 loc) · 1.18 KB

README.md

File metadata and controls

37 lines (24 loc) · 1.18 KB
Raw

Angular 18 Three.js Integration

Author: Akash Pandey [email protected]

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: 
    git clone https://github.com/info-next/angular-18-three-js.git
cd angular-three-app
npm install
ng serve

Contact

Email: [email protected]