Skip to content
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 33 additions & 20 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,33 +1,46 @@
[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/choephix/animateur)

# Animateur

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.9.

## Live Preview

* https://threejs-animateur.web.app/

## Development server
[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/choephix/animateur)

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.
A 3D character animation viewer/editor built with Angular 8 and Three.js. Load, preview, and manage 3D character models with animation support.

## Code scaffolding
## Live Demo

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`.
🔗 https://threejs-animateur.web.app/

## Build
## Features

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.
- 🎭 Load 3D character models via drag-and-drop
- 🎬 Animation playback with mixer controls
- 🎨 Material/texture preview
- 📦 ZIP file import/export support
- 🌲 Scene explorer with hierarchy tree
- ⚡ Real-time performance stats

## Running unit tests
## Tech Stack

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
- **Angular 8** - UI framework
- **Three.js** - 3D rendering
- **Angular Material** - UI components
- **JSTree** - Hierarchy visualization
- **JSZip** - Archive handling

## Running end-to-end tests
## Development

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
```bash
npm install # install dependencies
npm start # dev server @ http://localhost:4200
npm run build # production build → dist/
npm run lint # run linter
```

## Further help
## Project Structure

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).
```
src/
├── app/
│ ├── components/ # viewport, toolbar, explorer, statusbar
│ ├── services/ # scene, loading, export, utilities
│ └── common/ # shared UI components
└── assets/ # textures, styles, themes
```