HY
HYDRO · Throne of Water

Furina

Initializing the 3D renderer…

Models: Phoshco/gi · PMX meshes & MMD animation

Vertices: Loading
Bones: 210
FPS: 60
OFFICIAL PMX 3D WEBGL2 STUDIO162 Characters · 56 Skins · 8 MMD Tracks2,374 Words · 2.57% Keyword Density

Genshin Model Viewer — Interactive 3D Character Inspector, Cosplay Reference Studio & 162-Character PMX Archive

欢迎使用全网功能最完整的在线原神 3D 模型检视与互动演舞工作台。下方为您全面解析 Genshin Model Viewer 的 WebGL2 渲染管线、Cosplay 部件拆解打版流程、多人同台歌舞点唱机、3D 骨骼手K摆姿系统及全提瓦特 162 名角色归档体系:

↑ 返回全屏 3D 检视舞台
01 · 162 角色 + 56 时装
222 套 PMX 网格
涵盖七国全角色、执行官、魔神与派蒙/邦布彩蛋模型
02 · 裁缝级遮挡拆解
Sub-Mesh 独立显隐
一键隐藏长发与披风,结合正交镜头导出四视图设定卡
03 · 多人同台与宅舞点唱
3 人同台 + 8 首舞曲
支持 BGM 变速保音高、MMD 自动运镜与动态 PV 视频背景
04 · 3D 骨骼手K与物理
20 关节旋转 Gizmo
直接在 3D 视口拖拽关节旋转环,配合 WASM 刚体物理引擎
01 · EXECUTIVE OVERVIEW & CORE ARCHITECTURE

What Is the Genshin Model Viewer and Why Digital Creators Need Real-Time 3D Inspection

核心综述:为什么服装师、画师与考据党需要实时 3D 模型检视台

The Genshin Model Viewer is a dedicated, browser-based WebGL2 3D character inspection studio engineered for costume tailors, prop fabricators, concept illustrators, MikuMikuDance animators, and Teyvat lore researchers. While official two-dimensional promotional splash illustrations and cinematic trailers showcase dramatic compositions, they inevitably obscure critical anatomical and sartorial details behind flowing capes, layered hair braids, ornate headwear, and extreme camera foreshortening. By running a hardware-accelerated Genshin Model Viewer directly in your web browser with zero software installation, creators gain unrestricted 360-degree orbital access to all 162 playable heroes, Archons, Fatui Harbingers, Hexenzirkel witches, and historical figures from HoYoverse’s flagship action role-playing universe.

Unlike static turnaround screenshots archived on community wikis, this interactive Genshin Model Viewer loads authentic MikuMikuDance (.pmx) skeletal meshes paired with high-resolution diffuse textures, metallic reflection maps, and Spherical Deformation (SDEF) bone weights. Every vertex, garment seam, Vision casing mount, and embroidery motif is rendered in real time at native 60 FPS using the Babylon.js and babylon-mmd rendering pipeline. Whether you are measuring the exact back-zipper placement on Furina’s Ousia tailcoat, inspecting the mechanical gauntlet plating on Capitano and Wriothesley, or studying the layered kimono patterns worn by Raiden Shogun and Kamisato Ayaka, the Genshin Model Viewer transforms opaque game assets into an interactive digital tailoring mannequin.

Furthermore, our Genshin Model Viewer bridges the gap between technical 3D asset inspection and canonical worldbuilding. Each of the 162 characters indexed in the studio is connected to an exhaustive, 1,200-plus-word character encyclopedia dossier covering species lineage, early biographical history, combat talent choreography, flagship Archon Quest milestones, and costume material breakdowns. This unified design makes the Genshin Model Viewer both a precision CAD-like reference utility for makers and an authoritative lore archive for the global community.

02 · WEBGL2 & BABYLON-MMD RENDERING PIPELINE

Inside the Genshin Model Viewer Engine: PMX Parsing, SDEF Skinning, and Toon Shaders

底层渲染架构:PMX 网格解析、SDEF 球面蒙皮与米哈游赛璐璐管线

At the heart of the Genshin Model Viewer lies a custom-configured WebGL2 graphics engine built on @babylonjs/core and babylon-mmd. When a user selects a character from the roster, the Genshin Model Viewer streams the corresponding .pmx binary mesh container along with its associated TGA, BMP, and PNG texture atlases. During the material compilation phase, our custom MmdStandardMaterialBuilder automatically configures alpha-test-and-blend transparency thresholds, back-face culling rules, and depth-write priorities so that delicate lace trims, translucent elemental ribbons, and multi-layered hair fringes render without depth-sorting artifacts.

A defining technical advantage of this Genshin Model Viewer is its native support for Spherical Deformation (SDEF) via the SdefInjector shader hook. Standard Linear Blend Skinning (LBS) often causes unsightly volume collapse or candy-wrapper twisting when a character’s shoulders, elbows, wrists, or knees rotate beyond forty-five degrees. By injecting SDEF matrix evaluation directly into the vertex shader, the Genshin Model Viewer preserves natural anatomical curvature across all 210+ skeletal bones during both manual posing and high-tempo dance choreography.

To serve diverse creative disciplines, the Genshin Model Viewer provides four real-time viewport shader modes that can be toggled instantaneously without reloading the model. First, the HoYo NPR Cel-Shader replicates the authentic in-game anime aesthetic, preserving Signed Distance Field (SDF) facial lighting and crisp contour outlines. Second, the Flat Unlit Diffuse mode disables all directional and hemispheric shadow calculations, allowing digital painters and fabric printers to sample pure, unshifted hexadecimal color values directly from the texture map. Third, the Sculpt Clay mode overrides all surface textures with a neutral matte gray plaster material, highlighting three-dimensional garment folds, armor bevels, and muscular proportions for Blender and ZBrush sculptors. Fourth, the Wireframe Topology mode exposes the underlying triangulated polygon mesh, enabling technical artists to study edge-loop density around facial morph targets and articulated joints inside the Genshin Model Viewer.

03 · COSPLAY PATTERN MAKING & SUB-MESH DISASSEMBLY

How Cosplay Tailors Use the Genshin Model Viewer for Sub-Mesh Disassembly and Orthographic Sheets

Cosplay 裁缝制版工作流:部件遮挡拆解、正交投影与四视图导出

For professional cosplay costume makers, prop artisans, and wig stylists, the single greatest frustration when working from 2D concept art is structural occlusion. Characters such as Arlecchino, Neuvillette, Mavuika, Zhongli, and Wanderer feature elaborate outer cloaks, floor-length twin-tails, or oversized hats that completely conceal the construction of the inner waistcoat, back collar, shoulder harness, and waist sash. Our Genshin Model Viewer solves this industry-wide bottleneck through its real-time Sub-Mesh Layer Disassembly Inspector.

Every model loaded into the Genshin Model Viewer is automatically parsed into its constituent material groups and sub-mesh layers—typically ranging from 10 to 28 independent parts per character, including Hair and Braids, Outer Coat and Cape, Headgear and Bows, Vision Gem, Face and Eyes, Body Base, Inner Vestments, Footwear, and Gold Filigree. With a single click on the diamond toggle switch—or by pressing the dedicated One-Click Back Seam button—users of the Genshin Model Viewer can hide the hair and outer cape entirely, revealing the exact geometry of hidden back zippers, strap intersections, and Vision mounting plates.

Once the desired sub-mesh layers are isolated, tailors can switch the Genshin Model Viewer camera from standard perspective projection to true Orthographic Projection (ORTHO) and adjust the equivalent focal length between 24mm and 120mm. Orthographic rendering eliminates perspective foreshortening so that chest, waist, hip, and hemline proportions remain geometrically true to scale from top to bottom. Using the built-in 4-View Turnaround Reference Sheet generator, the Genshin Model Viewer captures high-sampling WebGL render targets from 0-degree Front, 45-degree Three-Quarter, 90-degree Side Profile, and 180-degree Back views, compositing them into a crisp 2400×1350 PNG specification sheet ready for pattern drafting and 3D printing.

04 · MULTI-CHARACTER STAGE, DANCE JUKEBOX & BONE POSING

Exploring Interactive Capabilities: Multi-Character Co-Stage, BGM Dance Tracks, and 3D Bone Gizmos

全能互动演出台:多人同台合跳、8首BGM宅舞点唱机、随机换装与3D骨骼手K摆姿

Beyond static garment inspection, the Genshin Model Viewer features a full-fledged interactive choreography and posing suite inspired by the community’s favorite MMD studio workflows. Through the Dance, Camera Motion, and BGM Jukebox panel, users can animate any character across eight complete MikuMikuDance performance tracks—including Specialist, Classic, Renai Circulation, Super Idol, MoeChakkaFire, Show, I Want You Back, and As You Like It (which includes a frame-synchronized full-screen MV video backdrop). The Genshin Model Viewer pairs each .bvmd skeletal animation with streaming background music via StreamAudioPlayer, featuring pitch-preserved playback speed controls from 0.5x slow-motion analysis up to 1.5x tempo, frame-by-frame timeline scrubbing, and a one-click toggle between the automated MMD choreography camera and the free-orbit inspection camera.

To celebrate iconic character duos and factions, the Genshin Model Viewer supports Multi-Character Co-Stage mode, allowing users to summon up to three characters onto the same 3D stage simultaneously. When a second or third companion character is added—whether pairing Furina with Neuvillette, assembling the House of the Hearth trio of Arlecchino, Lyney, and Lynette, or uniting Lumine, Aether, and Paimon—the Genshin Model Viewer automatically re-centers the stage framing and binds the active .bvmd animation handle to every model on stage so all characters dance in lockstep synchronization. Users can choose a character variant or a random outfit in the Cast & Outfits panel to explore alternate skins, Archon outfits, and special forms.

For artists seeking custom action reference poses, the Genshin Model Viewer integrates an interactive 20-Bone 3D Joint Posing Controller powered by Babylon’s UtilityLayerRenderer and GizmoManager. Activating Pose Mode places glowing cyan joint handles on the character’s head, neck, upper chest, torso, pelvis, shoulders, upper arms, elbows, wrists, thighs, knees, and ankles. By clicking any joint sphere in the 3D viewport or selecting a bone button in the sidebar, users of the Genshin Model Viewer can drag X, Y, and Z rotation gizmo rings to craft custom stances, combine them with PMX facial expression morph sliders (blink, smile, wink, star eyes), and optionally enable WASM rigid-body physics to watch hair and skirts react naturally to gravity.

05 · TECHNICAL SPECIFICATION MATRIX · 核心功能与技术栈对照表

Genshin Model Viewer Complete Module & Rendering Architecture Matrix

Full breakdown of the 8 core interactive subsystems engineered into the Genshin Model Viewer studio:

Studio Subsystem (功能模块)Underlying WebGL2 / MMD Technology (底层技术实现)Creator Workflow Value (核心应用场景与价值)
3D Mesh & Skeleton LoaderBabylon.js v9 + babylon-mmd PMX / BPMX Loader + SDEF InjectorStreams 162 character models & 56 skins with 210+ bones and zero joint-pinching artifacts in the Genshin Model Viewer.
Sub-Mesh Disassembly InspectorPer-Material Alpha & Sub-Mesh Visibility ControllerAllows cosplayers using the Genshin Model Viewer to hide hair, capes, and hats in 1 click to inspect obscured back seams and inner vestments.
Viewport Shader PipelineHoYo NPR Toon / Flat Unlit / Sculpt Clay / Wireframe ModesLets illustrators in the Genshin Model Viewer sample pure hex colors in Unlit mode or study 3D garment volume in Clay mode.
MMD Dance & BGM JukeboxBvmdLoader + MmdCamera + StreamAudioPlayer (Pitch-Preserved)Plays 8 choreographed dance tracks inside the Genshin Model Viewer with dynamic camera work, 0.5x–1.5x speed control, and frame scrubbing.
Multi-Character Co-StageSynchronized Multi-Model Runtime Animation HandlesEnables the Genshin Model Viewer to render up to 3 characters on stage simultaneously dancing in 100% frame-accurate synchronization.
Interactive 3D Bone Posing & PhysicsUtilityLayerRenderer + GizmoManager + MmdWasmPhysics (SPR)Equips the Genshin Model Viewer with 3D X/Y/Z rotation rings on 20 humanoid bones plus real-time rigid-body hair and skirt physics.
Stage & Backdrop System9 Elemental 3D Spheres + MirrorTexture Floor + VideoTexture PVSwitches the Genshin Model Viewer between elemental astrolabe domes, dark/light reflective studio floors, and synced MV video backgrounds.
Orthographic Turnaround ExportCreateScreenshotUsingRenderTargetAsync (4x MSAA, 2400×1350 PNG)Generates zero-distortion Front, 3/4, Side, and Back reference sheets directly from the Genshin Model Viewer for pattern drafting.
06 · STAGE ENVIRONMENTS, ELEMENTAL SPHERES & LIGHTING STUDY

Customizing Stage Environments, Elemental Spheres, and Mirror Reflections in the Genshin Model Viewer

九大元素星盘神座、镜面反射影棚与同人画师多角度布光参考

Lighting and environmental context play a decisive role in how metallic trims, silk gradients, and elemental accents read on screen. The Genshin Model Viewer empowers users to switch seamlessly across five distinct stage environments. In 3D Elemental Sphere mode, characters stand inside the authentic in-game elemental astrolabe dome surrounded by floating starlight particles; users can let the Genshin Model Viewer match the character’s native element automatically or manually override the stage across all nine 3D spheres (Hydro, Pyro, Electro, Cryo, Dendro, Anemo, Geo, Star Rail Astral, and Universal).

When high-contrast studio presentation is preferred, the Genshin Model Viewer offers both HoYo Dark Studio and HoYo Light Studio modes, pairing aspect-fitted studio backdrops with a real-time MirrorTexture floor plane that renders a soft, blurred reflection beneath the characters’ footwear. Combined with the 0-to-360-degree Sun Azimuth directional light slider inside the Genshin Model Viewer, concept illustrators can study exact cast-shadow trajectories across facial planes and costume folds before committing a single brushstroke to canvas.

07 · COMPLETE 162-CHARACTER ARCHIVE & LORE ENCYCLOPEDIA

Comprehensive Teyvat Roster Coverage: 162 Models Linked to In-Depth Character Encyclopedias

全提瓦特 162 名角色与魔神归档:从蒙德到至冬、挪德卡莱与坎瑞亚

Our Genshin Model Viewer maintains one of the most complete browser-accessible 3D rosters available, spanning 162 individual character models, 56 alternate skins and Arkhe states, and 4 bonus HoYoverse mascots. The archive covers every major nation and historical faction: Mondstadt Knights of Favonius and Hexenzirkel mages (Venti, Jean, Diluc, Eula, Albedo, Klee, Alice, Nicole Reeyn, Varka, Durin); Liyue Qixing and Illuminated Adepti (Zhongli, Ganyu, Xiao, Xianyun, Hu Tao, Yelan, Shenhe, Baizhu, Guizhong, Zibai); Inazuma Electro Archon and Youkai lineages (Raiden Shogun, Yae Miko, Kamisato Ayaka, Kamisato Ayato, Kaedehara Kazuha, Arataki Itto, Chiori, Yumemizuki Mizuki); Sumeru Akademiya scholars and desert guardians (Nahida, Alhaitham, Cyno, Nilou, Tighnari, Wanderer, Dehya); Fontaine court figures and dragon sovereigns (Furina, Neuvillette, Navia, Clorinde, Wriothesley, Sigewinne, Emilie, Escoffier); and Natlan Ancient Name bearers (Mavuika, Xilonen, Kinich, Mualani, Citlali, Chasca, Varesa, Iansan).

Crucially, the Genshin Model Viewer also preserves rare and highly sought-after 3D models of the Eleven Fatui Harbingers, Nod-Krai pioneers, Khaenri’ahn immortals, and Celestial Shades—including Capitano, Columbina, Dottore, Arlecchino, Sandrone, Pulcinella, Pantalone, Pierro, La Signora, Dainsleif, Skirk, Rhinedottir, Ronova, Asmoday, and Xbalanque. Clicking any character in the A–Z Quick Index below opens their dedicated URL within the Genshin Model Viewer, where you can inspect their 3D mesh alongside a rigorous 1,200+ word canonical lore dossier.

08 · FREQUENTLY ASKED QUESTIONS · 常见问题与使用指南

Genshin Model Viewer — Technical & Workflow FAQ

Q1. How does the Genshin Model Viewer work in a web browser without downloading external software?

The Genshin Model Viewer utilizes WebGL2, @babylonjs/core, and the babylon-mmd runtime to parse official MikuMikuDance (.pmx) meshes and .bvmd motion files directly inside modern desktop and mobile browsers. Because the Genshin Model Viewer executes all skeletal skinning, SDEF joint deformation, and toon shader passes on your local GPU, no third-party plugins or desktop installs are required.

Q2. Can I hide hair, capes, or hats in the Genshin Model Viewer to see back costume details for cosplay?

Yes. In the Sub-Mesh Layer Disassembly tab of the Genshin Model Viewer, every character model is separated into individual material and mesh layers. You can toggle off hair braids, outer cloaks, or headgear individually—or click the One-Click Back Seam button inside the Genshin Model Viewer—to inspect hidden collar seams, back zippers, and Vision mounts.

Q3. How do I make characters dance, play BGM, or add multiple characters to the same scene in the Genshin Model Viewer?

Select one of 8 built-in MMD songs in the Music & Motion panel of the Genshin Model Viewer. Use the bottom toolbar to play or pause and switch camera modes. To stage a duet or trio, open the Cast & Outfits panel in the Genshin Model Viewer and click any character or preset to place up to 3 models side-by-side dancing in frame-accurate sync.

Q4. How does interactive 3D bone posing work in the Genshin Model Viewer?

Click the Bone Pose button in the Genshin Model Viewer to activate 20 cyan joint spheres across the character skeleton, including the head, neck, torso, shoulders, elbows, wrists, thighs, knees, and ankles. Selecting any joint in the Genshin Model Viewer attaches a 3D rotation gizmo so you can manually rotate limbs to custom angles and combine them with facial expression sliders.

Q5. How do I export a 4-view orthographic turnaround sheet from the Genshin Model Viewer?

First, configure your preferred sub-mesh visibility and optionally enable Orthographic (ORTHO) projection in the top camera bar of the Genshin Model Viewer. Then click the gold Export 4-View Turnaround Sheet button at the bottom right of the Genshin Model Viewer to automatically capture 0° Front, 45° Three-Quarter, 90° Side, and 180° Back renders into a single 2400×1350 PNG reference card.

Q6. Where do the 3D PMX models in the Genshin Model Viewer come from and how many characters are included?

The Genshin Model Viewer indexes 162 playable and lore character models, 56 alternate skins and forms, and 4 bonus mascots curated from official HoYoverse Aplaybox (模之屋) releases and community-preserved PMX archives. Every character in the Genshin Model Viewer is also paired with a dedicated 1,200+ word lore encyclopedia covering their species, history, combat abilities, and costume structure.

ALPHABETICAL 3D MODEL DIRECTORY · A–Z QUICK INDEX

Genshin Impact 3D Model Directory (162 Characters)

Browse characters alphabetically. Open a character page for the 3D viewer and a detailed profile.

Jump to: