gatosyocora / vrm-avatar-editor

Web Application Editting VRM Avatar

VRM Avatar Editor

Web Application Editting VRM Avatar

This is WIP.
Unintended behavior may occur.

Usage

1. Access this link.
   [https://gatosyocora.github.io/vrm-avatar-editor/]
2. Select or Drag & Drop VRM file to browser window.
3. Check or Edit avatar.
4. [WIP] Click "Export VRM" if export editted avatar .

Environment

• Vue.js
• TypeScript

Features

• Load vrm
• Show meta data
• Show model data
• Change icon
• Change base texture in material
• Export vrm
• Remove meshes
• Polygon reduction
• Change texture color
• Set BlendShape
• Support mobile device

Library

• three-vrm [MITLicense]
• core.js [MITLicense]
• three.js [MITLicense]
• vue.js [MITLicense]
• vue-class-component [MITLicense]
• vue-property-decorator [MITLicense]
• vue-router [MITLicense]
• vuetify [MITLicense]

Test 3D models

• Shapell (CC0 License) https://booth.pm/ja/items/1349366