Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/m3-org/characterstudio

Open source web based custom VRM avatar creation platform
https://github.com/m3-org/characterstudio

3d avatars blender ethereum generator gltf optimization react threejs vrm webgl

Last synced: 6 days ago
JSON representation

Open source web based custom VRM avatar creation platform

Host: GitHub
URL: https://github.com/m3-org/characterstudio
Owner: M3-org
License: mit
Created: 2023-09-29T21:43:25.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-12-06T21:41:42.000Z (about 2 months ago)
Last Synced: 2025-01-20T21:14:10.581Z (12 days ago)
Topics: 3d, avatars, blender, ethereum, generator, gltf, optimization, react, threejs, vrm, webgl
Language: JavaScript
Homepage: https://studio.m3org.com/
Size: 426 MB
Stars: 131
Watchers: 2
Forks: 35
Open Issues: 44
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Character Studio

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)
[![Discord](https://img.shields.io/discord/770382203782692945?label=Discord&logo=Discord)](https://discord.gg/8zBvTMb8SU)
[![Twitter Follow](https://img.shields.io/twitter/follow/m3org)](https://twitter.com/m3org)

An open, collaborative, and evolving 3D avatar studio for making glTF / VRM avatars with.

![image](https://github.com/M3-org/CharacterStudio/assets/32600939/fad3002f-78cd-4cd2-8eae-0c1663a86d25)

:star: **NEW: DOCS!!!** https://m3-org.github.io/characterstudio-docs/ ⭐

# Installation

> Note: You need loot-assets imported to public folder for this to work! https://github.com/m3-org/loot-assets

```bash
# Clone the repo and change directory into it
git clone https://github.com/M3-org/CharacterStudio
cd CharacterStudio

# Install dependencies with legacy peer deps flag to ignore React errors
npm install
npm run dev

# Install default assets
npm run get-assets
```

---

## Load Your Assets

We separate the program from the asset packs. We have some sample assets here: https://github.com/memelotsqui/character-assets
![Screenshot from 2023-10-17 17-10-38](https://github.com/M3-org/CharacterStudio/assets/32600939/23768dc3-b834-4f70-a986-a4a0141c4014)

Refer to docs to add your own 3d models

## Features
- **Personalized Creation**: Point and click to build 3D characters
- Drag and drop local 3D files (VRM) and textures
- Color picker for adding a personal touch
- Export creatoins as glb and VRM + screenshots
- **Dynamic animation**: Variety of programmable animations
- **Effortless Optimization** One-click VRM optimizer
- Merge skinned meshes + Texture atlassing
- Can reduce avatars to a single draw call!
- **Batch Export**: Randomize or adhere to metadata schemas
- **Transparent Development**: Open-source MIT licensed codebase
- **Robust Rendering**: Using Three.js, WebGL, and React
- Recently refactored to NOT need React as a dependency
- Logic is now all inside `CharacterManager` class
- **Face auto culling**: Automatically cull undereneath faces with custom layer system

---

## Special Thanks

Shoutout to [original repo by Webaverse](https://github.com/webaverse/characterstudio)

Thanks m00n, memelotsqui, boomboxhead, jin, and many others for contributing