返回目錄
A
星瀾·曦夢的虛擬偶像經營術：從技術到品牌 - 第 2 章
第二章：技術基礎 – 3D 模型、動畫與即時渲染
發布於 2026-03-09 11:18
# 第二章：技術基礎 – 3D 模型、動畫與即時渲染
本章聚焦於虛擬偶像製作的「核心技術」：
- **3D 建模**：從概念稿到可在即時引擎中運行的模型。
- **骨架綁定與動畫**：讓模型會動、會說、會唱。
- **即時渲染**：Unity、Unreal 兩大主流引擎的工作流程與優化技巧。
> **目標**：閱讀完本章，讀者能自行完成「從模型到即時渲染」的完整流程，並具備基礎效能優化與問題排除能力。
---
## 2.1 3D 模型概述
| 項目 | 說明 |
|------|------|
| **高模 (High‑poly)** | 用於雕刻與細節表現，面數可達數十萬，主要在 ZBrush、Mudbox 等雕刻軟體完成。 |
| **低模 (Low‑poly)** | 用於即時渲染，面數一般控制在 5k‑30k 之間，必須兼顧視覺品質與效能。 |
| **法線貼圖 (Normal Map)** | 將高模的細節烘焙至低模的貼圖，實現「高細節」的外觀。 |
| **PBR 材質** | 基於金屬度 (Metalness) / 粗糙度 (Roughness) 工作流程，兼容 Unity URP/HDRP 與 Unreal Engine。 |
> **關鍵概念**：**高模 → 低模 → 法線貼圖** 形成「細節搬移」的標準管線，是虛擬偶像在即時渲染中保持高品質外觀的根本。
---
## 2.2 建模流程與工具選型
### 2.2.1 流程概覽
```mermaid
flowchart TD
A[概念草圖] --> B[高模雕刻]
B --> C[拓撲優化]
C --> D[烘焙法線/ AO]
D --> E[材質設定 (PBR)]
E --> F[匯入即時引擎]
```
1. **概念草圖** (2D) – 角色設計師交付的正投影/側投影。
2. **高模雕刻** – 使用 *ZBrush*、*Mudbox*，建立細部（皮膚皺褶、服裝褶皺）。
3. **拓撲優化** – 在 *Maya*、*3ds Max*、*Blender* 內重建低模，確保環路 (edge‑loop) 支持表情與變形。
4. **貼圖烘焙** – 產出 **法線、AO、金屬度、粗糙度** 四大 PBR 貼圖。
5. **材質設定** – 在 Substance Painter、Quixel Mixer 中調教材質。
6. **匯入即時引擎** – FBX / glTF 作為橋接格式。
### 2.2.2 常用工具對照表
| 功能 | Blender | Autodesk Maya | 3ds Max | ZBrush | Substance Painter |
|------|----------|---------------|---------|--------|-------------------|
| 雕刻 | ✔️ | ✖️ | ✖️ | **✔️** (主力) | ✖️ |
| 拓撲建模 | **✔️** | ✔️ | ✔️ | ✖️ | ✖️ |
| UV 展開 | **✔️** | ✔️ | ✔️ | ✖️ | ✖️ |
| PBR 貼圖 | ✔️ | ✔️ | ✔️ | ✖️ | **✔️** (專業) |
| 動作捕捉綁定 | ✔️ (Add‑on) | ✔️ (HumanIK) | ✔️ | ✖️ | ✖️ |
> **選型建議**：預算有限時，**Blender + ZBrush (免費版) + Substance Painter (試用版)** 已能覆蓋全部流程；大型商業團隊則可採用 Maya+3ds Max 組合，提升流水線穩定性。
---
## 2.3 骨架綁定與權重繪製
### 2.3.1 骨架結構 (Rig)
| 組件 | 功能 |
|------|------|
| **Spine** | 主幹骨骼，控制上半身彎曲與扭轉。 |
| **FK Chain** | 前向動作鏈，適合手臂、腿部的自然擺動。 |
| **IK Chain** | 反向運動鏈，常用於腳踝與手部的定位 (腳底貼地、抓取物件)。 |
| **Facial Rig** | 由 30‑70 個表情骨或 blendshape 組成，支援微表情。 |
| **Deformer (Stretch, Twist)** | 用於服裝或長髮的彈性變形。 |
### 2.3.2 權重繪製 (Weight Painting)
1. **自動綁定** – 使用 *Mixamo* 或 *Adobe Fuse* 的自動綁定工具快速產出基礎權重。
2. **手動微調** – 在 *Maya*、*Blender* 中以筆刷方式精修，確保關節不會出現「皮膚穿插」或「硬邊」問題。
3. **測試動畫** – 播放 **走路、跑步、跳躍、笑** 四套測試動畫，檢查變形。
> **小技巧**：在 Blender 中開啟 **“Normalize All”** 讓每個頂點的權重總和自動歸一，避免因權重累加造成的變形異常。
---
## 2.4 動作捕捉技術與流程
| 類型 | 原理 | 代表設備 | 優缺點 |
|------|------|----------|-------|
| **光學 (Optical)** | 多相機捕捉標記點三角測量 | Vicon、OptiTrack | 高精度、昂貴、需專業場地 |
| **慣性 (Inertial)** | IMU 感測器測量加速度與角速度 | Rokoko Smartsuit Pro、Xsens | 輕便、成本中等、易受磁場干擾 |
| **深度感測 (Depth)** | 單機深度相機與 AI 骨架估算 | Azure Kinect、iPhone TrueDepth | 低成本、可快速原型、精度有限 |
### 2.4.1 常見工作流程
1. **前期準備** – 校正空間、確認捕捉範圍、穿戴感測衣。
2. **錄製** – 以 30‑120 fps 速率錄製關鍵動作（行走、舞蹈、表情）。
3. **資料清理** – 透過 *MotionBuilder*、*Rokoko Studio* 的自動過濾功能去除噪點。
4. **Retarget** – 把捕捉到的動作映射至角色骨架，調整比例與關節限制。
5. **匯出** – 以 FBX/anim 格式匯入 Unity/Unreal。
> **實務建議**：首次使用光學捕捉時，以 **「T‑pose」** 為基礎校正；慣性系統則建議在 **低磁干擾環境**（如金屬架少的房間）進行。
---
## 2.5 Unity 即時渲染工作流程
### 2.5.1 匯入與設定
```csharp
// Unity C# 範例：自動將 FBX 轉為 Prefab 並套用 URP 材質
using UnityEditor;
using UnityEngine;
public class ModelImporter : AssetPostprocessor {
void OnPostprocessModel(GameObject g) {
// 設定為 URP Lit Shader
var renderer = g.GetComponentInChildren<Renderer>();
if (renderer != null) {
var mat = new Material(Shader.Find("Universal Render Pipeline/Lit"));
renderer.sharedMaterial = mat;
}
}
}
```
1. **匯入 FBX** → 設定 **Scale Factor = 0.01**（若模型以厘米為單位）。
2. **材質** → 使用 **URP/Lit** 或 **HDRP/Lit**，套用金屬度、粗糙度貼圖。
3. **LOD 系統** → Unity LOD Group → 3 階段 (LOD0/LOD1/LOD2)。
4. **Animator Controller** → 建立 State Machine，分為 **Idle – Walk – Dance – Talk** 四大狀態。
5. **光照** → 使用 **Baked GI** + **Realtime Directional Light**，確保角色在不同場景都有一致光感。
### 2.5.2 效能優化要點
| 類別 | 建議值 | 說明 |
|------|--------|------|
| **多邊形** | ≤ 20k (VR 版 ≤ 8k) | 超過需分段 LOD。 |
| **貼圖大小** | 2K – 4K (視平台) | 手機端建議 2K，PC 端 4K。 |
| **渲染路徑** | URP – Forward+ | 前向渲染成本較低，適合直播。 |
| **陰影** | Cascaded Shadow (2‑3 Cascades) | 減少遠距離陰影耗資源。 |
| **粒子特效** | 使用 **VFX Graph** 取代舊版 Particle System | GPU 計算更有效率。 |
---
## 2.6 Unreal Engine 即時渲染工作流程
### 2.6.1 匯入與材質
1. **匯入 FBX** → 選擇 **Import Uniform Scale = 0.01**。
2. **自動生成 LOD** → 在 **Static Mesh Editor** 開啟 **Generate LODs**。
3. **材質** → 採用 **UE5‑Nanite**（適用於 1M+ 多邊形）或 **Standard PBR**。
4. **光照** → 啟用 **Lumen Global Illumination**，即時 GI 無需預烘焙。
5. **動畫藍圖 (Animation Blueprint)** → 設計 **State Machine**，加入 **BlendSpace** 處理走路與跑步速度混合。
### 2.6.2 Control Rig 與 MetaHuman
| 功能 | 特色 |
|------|------|
| **Control Rig** | 內建節點式布線，可在 UE 內即時調整骨骼、IK、FK。 |
| **MetaHuman** | 高度逼真的人物資產，內含全套面部動畫系統，適合 **真人化虛擬偶像**。 |
> **實務示例**：若想快速產出「歌唱偶像」的面部表情，可直接在 **MetaHuman Creator** 中製作角色，匯入 UE，利用 **Live Link Face**（iPhone）串流即時表情至 Control Rig。
### 2.6.3 效能與畫質平衡
```ini
[/Script/Engine.RendererSettings]
r.Shadow.DistanceScale=0.75
r.DefaultFeature.AntiAliasing=2 ; Temporal AA
r.Nanite.Active=true
r.Lumen.Reflections=1
```
| 項目 | 建議設定 |
|------|----------|
| **Nanite** | 開啟，減少多邊形限制。 |
| **Lumen** | 啟用全局光照與反射，適合高階 PC/主機。 |
| **Shadow Quality** | 2‑3 Cascades + PCF 4x4。 |
| **Post‑Process** | 只保留 **Bloom、Color Grading**，關閉 **DOF** 以降低 GPU 負載。 |
---
## 2.7 效能優化綜合指南
| 領域 | 優化技巧 |
|------|-----------|
| **模型** | 先作 **low‑poly** 再烘焙法線；使用 **LOD**、**Mesh Decals** 取代高細節貼圖。 |
| **貼圖** | 采用 **Texture Atlas** 減少 Draw Call；在手機上使用 **ASTC** 或 **ETC2** 壓縮。 |
| **光源** | 優先使用 **Baked Lightmaps**（靜態場景）+ **Realtime Directional**；限制即時光源數量 ≤ 2。 |
| **動畫** | 只保留必要的 **BlendSpace**；將不常用的 **Facial Rig** 設為 **Level‑Of‑Detail**。 |
| **網路** | 直播時使用 **WebRTC** 或 **SRT** 專用低延遲編碼；將模型、貼圖以 **Asset Bundle** 預載。 |
> **效能檢測工具**：Unity Profiler、Unreal Insights、RenderDoc、GPUView。每次迭代後需跑 **FPS**、**GPU Memory**、**Draw Calls** 三大指標，確保在目標平台（手機 30fps、PC 60fps）內穩定。
---
## 2.8 案例實作：從概念到即時直播
| 步驟 | 內容 | 工具/平台 |
|------|------|------------|
| 1️⃣ 概念設計 | 角色定位、色板、服裝草圖 | Photoshop / Clip Studio Paint |
| 2️⃣ 高模雕刻 | 皮膚、髮絲、服裝細節 | ZBrush |
| 3️⃣ 拓撲與 UV | 建立低模、展開 UV | Blender / Maya |
| 4️⃣ 貼圖烘焙 | 法線、AO、金屬度、粗糙度 | Substance Painter |
| 5️⃣ 骨架綁定 | Spine + 面部 Rig | Maya → HumanIK |
| 6️⃣ 動作捕捉 | 歌唱、舞蹈、聊天表情 | Rokoko Smartsuit + iPhone Live Link Face |
| 7️⃣ 引擎匯入 | 設定材質、LOD、Animator | Unity URP (或 Unreal UE5) |
| 8️⃣ 直播串流 | 透過 OBS + NGROK 或自建 SRT 伺服器 | OBS Studio、VDO‑Ninja |
| 9️⃣ 監測與優化 | FPS、延遲、網路帶寬 | Unity Profiler、Wireshark |
> **關鍵成功因素**：在第 5‑6 步驟使用 **標準化骨骼結構**，可一次性將相同動作套用至不同角色；第 8 步驟建議使用 **低延遲編碼 (CRF 20, preset fast)** 以保證互動流暢度。
---
## 2.9 小結與實務檢核清單
| 項目 | 檢核要點 | 完成狀態 |
|------|-----------|----------|
| **模型品質** | 高模 → 低模 (面數、法線貼圖) | ☐ |
| **骨架與權重** | 骨骼層級、IK/FK、權重正確率 ≥ 95% | ☐ |
| **動作捕捉** | 捕捉動作完整、噪點已清理、Retarget 正確 | ☐ |
| **即時渲染** | Unity/Unreal 匯入、材質、LOD、Animator 正常 | ☐ |
| **效能指標** | FPS ≥ 30 (手機) / 60 (PC)、Draw Calls ≤ 150、Memory ≤ 2GB | ☐ |
| **直播測試** | 端到端延遲 ≤ 200 ms、畫質 ≥ 1080p60 | ☐ |
---
### 結語
本章提供了從 **概念** → **3D 資產** → **即時渲染** 的完整技術藍圖。掌握此流程後，您即可自行打造符合商業需求的虛擬偶像，為下一章的「聲音與語言 AI」奠定堅實的基礎。祝您在技術探索的路上，乘風破浪、創造屬於自己的星光！