VRM Viewer

Preview VRM files directly within the editor.

Features

• Preview VRM 3D model files directly in VS Code
• Interactive 3D model viewer with camera controls
• Expression controls to manipulate facial expressions
• Support for VRM format (humanoid 3D avatar models)
• Built with Three.js and @pixiv/three-vrm

Usage

1. Open a .vrm file
2. The VRM model will automatically be displayed in the VRM Viewer

Controls

• Rotate: Left-click and drag
• Pan: Middle-click and drag or Shift + left-click and drag
• Zoom: Mouse wheel or right-click and drag
• Expressions: Use sliders to control facial expressions

Configuration

Currently no additional configuration is required. The viewer uses default settings for lighting and background.

Requirements

• Visual Studio Code 1.60.0 or newer

Libraries Used

This extension uses the following libraries:

• Three.js - JavaScript 3D library (v0.137.5)
• @pixiv/three-vrm - VRM loader for Three.js (v3.4.0)
• GLTFLoader.js - GLTF loader for Three.js
• OrbitControls.js - Camera controls for Three.js

License

Licensed under MIT