https://github.com/JohnnyDevNull/ng-three-template

This is a basic template project to start with Angular 17.x and ThreeJS
https://github.com/JohnnyDevNull/ng-three-template

angular threejs webgl

Last synced: 24 days ago
JSON representation

This is a basic template project to start with Angular 17.x and ThreeJS

• Host: GitHub
• URL: https://github.com/JohnnyDevNull/ng-three-template
• Owner: JohnnyDevNull
• License: mit
• Created: 2018-05-02T21:03:13.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-05-02T10:10:21.000Z (7 months ago)
• Last Synced: 2024-08-04T01:08:27.116Z (4 months ago)
• Topics: angular, threejs, webgl
• Language: TypeScript
• Homepage:
• Size: 202 KB
• Stars: 225
• Watchers: 6
• Forks: 71
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-angular - Threejs - New Three.js starter app. (Table of contents / Angular)
• fucking-awesome-angular - Threejs - New Three.js starter app. (Table of contents / Angular)
• fucking-awesome-angular - Threejs - New Three.js starter app. (Table of contents / Angular)

README

        
# ng-three-template

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) and is designed as a basic

template for [ThreeJS](https://threejs.org/) combined with [Angular](https://angular.io/)

and [Bootstrap](https://getbootstrap.com/) in Version 5.x

The project is setup to use global [SCSS](https://sass-lang.com/) only with [ViewEncapsulation.None](https://angular.io/api/core/ViewEncapsulation) and [ChangeDetectionStrategy.OnPush](https://angular.io/api/core/ChangeDetectionStrategy).

Feel free to do anything you want with this template.

## Three Links

* Three Extensions: https://github.com/Itee/three-full

* Three-Full Types: https://discourse.threejs.org/t/angular-threejs/2739/7

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change

any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also

use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag

for a production build.

## Running unit tests

Run `ng test` to execute the unit tests.  

**Note:** You have to choose and install your test runner you wish to use first.  

A good decision could be the Jest runner from [@angular-builders/jest](https://github.com/just-jeb/angular-builders)

## Running end-to-end tests

Choose your favorite e2e testing framework  

Recommendation: [Cypress Angular Schematic](https://www.npmjs.com/package/@cypress/schematic).

## Further help

To get more help on the Angular CLI use `ng help` or go check out

the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).