#开源 一个基于 Electron 的 Live2D 桌面展示器，同时支持 moc、moc3 模型

Hime Display

Preview

Control Panel

Display Window

Features

1. Multiple Model Type Support: Supports loading Live2D, MMD, VRoid, Spine models.

2. Motion Capture: Provides motion capture support for Live2D, MMD, VRoid with the help of Google's MediaPipe.

3. Cross Platform: Supports Windows and macOS.

4. Multilingual support: Supports English, Simplified Chinese, and Japanese.

5. Full Model Control: Various operations can be performed on the model, including bone transformation, deformation, and animation playback.

6. Animation transition: MMD model can load animations from Mixamo directly (Plan to support VRoid).

Basic Usage

Design of model database

Method to load models

1. Click Source in left row of the control panel.

2. Add Data Source, select the directory of models, motions, and audios.

3. Click Refresh in the source path operations.

4. Click Model in left row, select the model you want to load in the model database, the selected one will be highlighted.

5. Last step, Click Load Selected Model under the database.

Attentions

1. Different types of models, motions, audios can be put in the same data source.

2. In order to improve efficiency and enhance generality, for most file types, the detection process does not read the content of the file, and mainly judges by the file extension. So even if the file has problems or is not supported, it may be loaded into the database.

3. For some types of models, their file names are usually not the model names, and the names of the upper-level directory of the model files will be used as the model names, so placing multiple model files in the same directory may be confusing.

4. For motions and audios, their file names are usually related to the contents, so the file names will be used as the names, and placeing them into one directory will not cause naming confusion.

5. After adding data source, you can click Edit and decide the search type. All types will be detected by default.

6. When the search is complete, it will automatically update the statistic info, model database, motion database, and audio database (the latter two are displayed in the animation control page of the selected and displayed 3D model)

Implemented Features Comparison

Main Techniques

Develop

# Install dependencies
yarn
# start
yarn start
# build (The specific build version can be configured in the `build.config.js` file in the root directory)
yarn run build

Special Thanks