https://github.com/nartc/angular-three

🧊 THREE.js integration for Angular 🧊
https://github.com/nartc/angular-three

3d angular threejs

Last synced: about 2 months ago
JSON representation

🧊 THREE.js integration for Angular 🧊

• Host: GitHub
• URL: https://github.com/nartc/angular-three
• Owner: nartc
• License: mit
• Archived: true
• Created: 2021-04-16T04:10:32.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-02-10T03:31:56.000Z (over 2 years ago)
• Last Synced: 2024-10-29T19:59:22.066Z (8 months ago)
• Topics: 3d, angular, threejs
• Language: JavaScript
• Homepage: https://angular-three.netlify.app/
• Size: 109 MB
• Stars: 306
• Watchers: 8
• Forks: 23
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-threejs - angular-three

README

        
# This repository is now archived. Please check https://github.com/angular-threejs/angular-three for latest updates to Angular Three.

---

# Declarative THREE.js in Angular

🔥 Leverage your [Angular](https://angular.io) skill to build mind-blowing 3D applications

with [THREE.js](https://threejs.org) 🔥

## Attention

This package, while stable, is still in active development.

## Packages

**Angular Three** is a collection of packages that provide different **THREE.js** functionalities

| Package                                                                                    | Version                                                                     | Links                                                                                                                                                                                                 |

| ------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

| [`@angular-three/core`](https://npmjs.com/package/@angular-three/core)                     | ![npm (scoped)](https://img.shields.io/npm/v/@angular-three/core)           | [![README](https://img.shields.io/badge/README--green.svg)](/packages/core/README.md) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@angular-three/core)                     |

| [`@angular-three/postprocessing`](https://npmjs.com/package/@angular-three/postprocessing) | ![npm (scoped)](https://img.shields.io/npm/v/@angular-three/postprocessing) | [![README](https://img.shields.io/badge/README--green.svg)](/packages/postprocessing/README.md) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@angular-three/postprocessing) |

| [`@angular-three/cannon`](https://npmjs.com/package/@angular-three/cannon)                 | ![npm (scoped)](https://img.shields.io/npm/v/@angular-three/cannon)         | [![README](https://img.shields.io/badge/README--green.svg)](/packages/cannon/README.md) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@angular-three/cannon)                 |

| [`@angular-three/soba`](https://npmjs.com/package/@angular-three/soba)                     | ![npm (scoped)](https://img.shields.io/npm/v/@angular-three/soba)           | [![README](https://img.shields.io/badge/README--green.svg)](/packages/soba/README.md) ![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@angular-three/soba)                     |

### Peer Dependencies

- `[email protected]`: This is a wrapper of **THREE.js** so `three` is a required `peerDependency`. Keep in mind, **THREE.js**

  is moving quite frequently and quickly. Hence, to ensure compatibility, this wrapper currently supports `0.140`

  - Make sure to also have `@types/three` installed as well

```bash

npm install -E [email protected]

npm install -DE @types/three

```

## Documentations

[Angular Three](https://angular-three.netlify.app)

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Chau Tran
💻

    
Caleb Ukle
💻

    
Joshua Morony
📖

    
BenLune
💻

    
Igor Katsuba
💻

    
andivr
📖

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification.

Contributions of any kind welcome!