Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/roipoussiere/marionettes

A tool to edit and preview 3d-model postures.
https://github.com/roipoussiere/marionettes

3d mannequin marionette puppet skeleton three-js

Last synced: about 2 months ago
JSON representation

A tool to edit and preview 3d-model postures.

Awesome Lists containing this project

README

        

# Marionettes

Marionettes is a client-side library used to edit and preview 3d-model postures.

![](./assets/icon.png)

Code is hosted on [Framagit](https://framagit.org/roipoussiere/marionettes) (GitLab instance) and [Github](https://github.com/roipoussiere/marionettes) and releases are published on [npm registry](https://www.npmjs.com/package/marionettes)

Try [the demo](https://roipoussiere.frama.io/marionettes)!

## Features

- loads model from a from `.glb` or `.fbx` skeleton files (any model from [Mixamo](https://www.mixamo.com/#/?type=Character) should be fine);
- high precision model (spine, fingers, etc.);
- built-in serializer (can be used to save postures in file or share them via url, see demo);
- optional fullscreen mode

## Installation

### Via yarn

yarn add marionettes

### Via npm

npm install marionettes

### From sources

git clone https://framagit.org/roipoussiere/marionettes.git
cd marionettes
yarn install

## Usage

Check out the [index page source](src/index.ts), which is used to build the demo page.

## Alternatives

- [Boytchev's mannequin.js](https://boytchev.github.io/mannequin.js/)

### Credits

- Marionettes source code: Nathanaël Jourdane and contributors, [MIT liense](./LICENSE);
- 3D model used in the demo page: [Mixamo](https://www.mixamo.com/#/?type=Character), royalty free;
- Postures created with Marionettes: it's up to you, of course. :)