企业官网建设流程全解析

简介：基于Unity3D技术的中医药展馆交互展示项目，以VR在线游览方式传播中医药文化，面向毕业设计、课程设计、学科竞赛及Unity学习者。项目从游览者视角完成策划、程序开发与集成，采用XR Interaction Toolkit等交互组件，工程运行稳定，可轻松复现，也便于在此基础之上扩展更多功能。资源包共639个文件，压缩后约130.85MB，包含C#脚本、Prefab预制体、Asset场景资源、FBX模型、材质贴图、Shader着色器、动画/控制器、输入动作配置、MP3音频、PDF说明及meta/lighting等辅助文件，其中PNG图片资源可直接用于UI界面或材质优化；目录结构完整，涵盖模型、场景、交互、UI、说明文档等多个模块。已有285人学习下载，适合需要完整可运行Unity项目案例、VR交互实现参考或答辩素材的开发者。源码与工程文件经过严格测试，设计报告也可借鉴，拿到后可直接复现或进行二次开发。

1. 中医药展馆里的 Unity3D 交互展示项目要从哪里下手

中医药展馆的 Unity3D 交互展示，难点不在 3D 建模，而在交互状态设计。参观者可能只想点一下人体模型上的合谷穴，看到一条经络亮起来；也可能想把药柜上的某味药材拖到屏幕中央，再看一段炮制视频。这些操作如果分散在多个设备上，体验会断成一截一截。Unity3D 能把 3D 模型、视频流、热点弹窗和触控手势统一到同一个场景里，适合科技馆、中医药博物馆和高校科普项目开发。下面从场景底座开始，讲射线交互、多媒体加载、透视材质和最终调优。

2. Unity3D 展馆场景底座：从渲染管线到程序化布局

2.1 先定渲染管线：内置还是 URP

做展馆项目，第一步不是买模型，而是确定现场设备。如果是 Windows 触控一体机，内置管线完全够用；如果是安卓盒子或旧款一体机，URP 能明显降低 Draw Call。中医展馆里人体经络、药材标本有大量半透明材质和描边效果，URP 的 Shader Graph 更容易维护，所以我优先选 URP。下表是两种管线的实际差异：

在 Unity Hub 新建工程时，模板选 Universal 3D，工程名写成TCM_Exhibition。导入 FBX 模型时，确保缩放统一为 1，材质目录放在Assets/Art/Models。随后在 Project Settings > Player 中把 Color Space 改为 Linear。展馆项目里模型偏灰或颜色发白，大多数情况是忘了这一步。

URP 工程生成后，还要做两件重复但必做的事：把主光源的 Casts Shadows 打开，否则展品像浮在空中；把通用渲染管线资产的 MSAA 在安卓目标上关掉，改为 FXAA，能省掉不少帧时间。点开 Project Settings > Graphics 可以看到当前用的渲染管线资产，UniversalRenderPipelineAsset的Anti Aliasing决定最终效果。

2.2 用 C# 程序化生成环形展位

展位如果全在 Scene 窗口手动拖动，甲方改一次数量就要调半天。我一般把展位位置写成一个脚本，用圆环排列生成。这样数量、半径、高度都暴露成参数，改完一键重排。

using UnityEngine; public class ExhibitLayout : MonoBehaviour { public GameObject exhibitPrefab; public int exhibitCount = 12; public float circleRadius = 8f; public float yBase = 0.6f; void Start() { for (int i = 0; i < exhibitCount; i++) { float angle = i * 360f / exhibitCount; Vector3 pos = new Vector3( Mathf.Sin(angle * Mathf.Deg2Rad) * circleRadius, yBase, Mathf.Cos(angle * Mathf.Deg2Rad) * circleRadius ); GameObject go = Instantiate(exhibitPrefab, pos, Quaternion.identity, transform); go.name = $"Exhibit_{i:D2}"; } } }

exhibitCount控制展位数量，circleRadius控制圈层半径，yBase控制落地高度。Instantiate的最后一个参数把生成物挂到布局节点下，后续整体旋转或移动场景时不会打乱相对位置。Quaternion.identity这里先不旋转，等展品方向确定后可以再写一个LookAt对准参观入口。

实际项目里，我还习惯在 Start 前把旧子物体清空，避免重复生成：

foreach (Transform child in transform) DestroyImmediate(child.gameObject);

这段代码只应在编辑器模式下调用，运行时清空子物体会把已经叠加的展品也删掉。如果展馆后续要接后台配置，建议把exhibitCount、circleRadius这些参数放进 ScriptableObject，而不是挂在 Inspector 上。这样维护人员只改配置，不用动场景。

3. 交互展示核心：用 Raycast 做穴位点选与热点弹窗

3.1 统一触控和鼠标输入，避免两套代码

展馆触控一体机大多同时接触摸屏和鼠标，如果只监听Input.GetMouseButtonDown，触摸屏上经常出现第一次没反应、第二次才触发的问题。原因是某些一体机的触摸驱动把触摸模拟成鼠标左键，但坐标映射和时间戳并不可靠。我一般会在交互层先做适配，把触摸和鼠标统一成“按下”事件：

using UnityEngine; public static class TouchAdapter { public static Vector2 GetTapPosition() { if (Input.touchCount > 0) { Touch t = Input.GetTouch(0); if (t.phase == TouchPhase.Began) return t.position; return Vector2.negativeInfinity; } if (Input.GetMouseButtonDown(0)) return Input.mousePosition; return Vector2.negativeInfinity; } }

TouchPhase.Began只取按下瞬间，避免长按或滑动被当成点击。返回值用Vector2.negativeInfinity作为哨兵，调用方拿不到有效点击时直接 return，不会误触发后续逻辑。鼠标放后面，是为了在桌面编辑器调试时也能模拟同样的交互流程。

3.2 用 Raycast 命中交互层，不逐个绑定事件

人体模型通常会按部位拆成多个 Mesh，穴位点可能嵌套在模型子节点下。为提高命中准确率，我会给所有可交互部位单独添加InteractableItem组件，并把它们统一放到 Level 8Exhibit_Interactive层。射线检测时只扫这一层，避免被背景板挡住。

LayerMask interactLayer = 1 << 8; void HandleTap(Vector2 screenPos) { if (screenPos == Vector2.negativeInfinity) return; Ray ray = Camera.main.ScreenPointToRay(screenPos); Physics.Raycast(ray, out RaycastHit hit, 200f, interactLayer); if (hit.collider != null) { InteractableItem item = hit.collider.GetComponentInParent<InteractableItem>(); item?.OnInteract(); } }

200f是射线最大距离，展馆内摄像机离展品通常在 5-15 米，200f 足够命中前景展品，又不会把背后远处的物体误算在内。GetComponentInParent是因为碰撞体在子物体上，交互逻辑在父节点，这样模型拆分后不用给每个碎块单独绑定事件。LayerMask用1 << 8而不是硬编码 8，是为了代码可读性，也方便在 Inspector 里暴露。

3.3 用配置表驱动弹窗内容和高亮反馈

如果每个穴位都写一个OnInteract方法，项目会变成一堆重复代码。我会把交互内容拆成配置表，至少包含下表字段：

数据从Resources目录加载一份 JSON 即可，弹窗面板只负责渲染，不负责解析逻辑。点击命中后的高亮反馈，我会用MaterialPropertyBlock来处理，避免为每个展项创建新材质实例：

MaterialPropertyBlock block = new MaterialPropertyBlock(); Renderer r = GetComponent<Renderer>(); r.GetPropertyBlock(block); block.SetColor("_EmissionColor", Color.yellow * 2f); r.SetPropertyBlock(block);

_EmissionColor是 URP Lit 中自发光属性的默认名。用MaterialPropertyBlock只能修改当前实例的显示属性，不会改变其他共用同一个材质的展品。这种方式在更换高亮颜色、清理复位时都很安全。等交互结束后，用SetColor("_EmissionColor", Color.black)恢复。

4. 把视频流和远程模型请进展馆：动态加载策略

4.1 VideoPlayer 播放局域网视频流

展会现场内容更新频繁，常见做法是把视频放在局域网服务器，Unity 用 URL 播放。但直接给VideoPlayer一个 http 地址，安卓设备经常报 “Can't play movie”。原因是大部分安卓设备只认 H.264 主配置的 MP4，高码率 4K 或 H.265 会解码失败。先把视频压成 1920x1080、8 Mbps 的 H.264 MP4，再使用下面的脚本：

using UnityEngine; using UnityEngine.Video; public class LectureVideoPlayer : MonoBehaviour { public RenderTexture videoScreen; public string videoUrl = "http://192.168.1.10/videos/herbs.mp4"; VideoPlayer player; void Start() { player = GetComponent<VideoPlayer>(); player.source = VideoSource.Url; player.url = videoUrl; player.targetTexture = videoScreen; player.playOnAwake = false; player.isLooping = true; player.Prepare(); } void Update() { if (player.isPlaying == false) Debug.Log("视频还在准备中"); } }

targetTexture指向一张 RenderTexture，再将该纹理拖到 UI RawImage 上，视频就能嵌在展项弹窗中。Prepare()会先加载视频头，确保画面准备完成后才播放；如果不调用它，部分机型会先黑屏几秒再突然出画面。isLooping适合循环播放的场馆宣传片；如果是按一下播一次，需要监听loopPointReached事件，否则播完会自动反复。

4.2 远程图片和模型：AssetBundle 与 Addressable 怎么选

展馆的高清药材图片如果全部在启动时加载，首帧会慢得离谱。更合理的做法是点击某个展项时才下载。图片可以用UnityWebRequestTexture加载：

using System.Collections; using UnityEngine; using UnityEngine.Networking; using UnityEngine.UI; public class RemoteImageLoader : MonoBehaviour { public RawImage target; public string imageUrl; IEnumerator Start() { using (UnityWebRequest req = UnityWebRequestTexture.GetTexture(imageUrl)) { yield return req.SendWebRequest(); if (req.result == UnityWebRequest.Result.Success) { Texture2D tex = DownloadHandlerTexture.GetContent(req); target.texture = tex; } } } }

UnityWebRequestTexture.GetTexture返回的 Texture2D 要赋值给 RawImage；如果用普通 Image 组件，需要先Sprite.Create再设置。using块负责释放请求连接，避免展馆长期运转出现 socket 泄漏。生产环境还要给请求加 10 秒超时，并把下载结果缓存到Application.persistentDataPath，下次点击不再重新拉取。

对于 3D 中药模型，资源加载方式有三种，我建议先按展馆规模选型：

模型数量超过 20 个时，不建议继续用 Resources。AssetBundle 的远程更新需要自己管理依赖和版本号，展馆这种一个月更新一次内容的项目完全够用；如果后续要频繁上新展项，直接转 Addressable 更省心，它把下载、缓存和引用计数都做好了，只是学习成本略高。

5. 上层穿透看见下层：透视材质与特效浮层实现

5.1 Shader Graph 搭半透明外壳

在中医展馆里，常要做一个半透明的人体外壳，露出内部的经络或穴位模型。URP 默认的透明材质在多个透明面相交时，排序经常出错：上层外壳会挡住下层血管，或者内部结构跑到外壳外面。Shader Graph 里做半透明外壳时，建议设置Surface Type = Transparent，Render Face = Both，同时关闭Depth Write。Depth Write开着会自己遮挡自己，特别是模型背面。

仍然会出现排序问题时，可以通过Normal Vector驱动透明度，让面向摄像机的表面更透，背向更不透。这个节点的好处是不需要写复杂代码，一个Multiply接上Alpha即可。

5.2 C# 切换透明队列：运行时控制材质深度

有些透视展项需要参观者点击按钮后再变成透视模式。要在运行时把普通材质切换成透明材质，需要改_Surface和renderQueue：

public void SetLayerAlpha(Renderer target, float alpha) { Material mat = target.material; Color c = mat.color; c.a = alpha; mat.color = c; mat.SetFloat("_Surface", 1); mat.renderQueue = 3000; }

target.material会创建材质实例，切换完成后要记得在合适时机销毁或复用，避免内存里攒一堆无用材质。renderQueue = 3000表示进入透明队列；如果多个透明层互相穿插，可以调成 3050，强制这一层放在最后渲染，视觉上会浮在最外面。

补充一个常用参数表：

5.3 透视后的射线穿透问题

透视模式最隐蔽的坑是射线被透明外壳挡住。如果外壳上还有 Collider，参观者点到的永远是最外层，内部的穴位热点和经络物体完全点不到。我一般把透视外壳的 Collider 禁用，只让射线检测内部交互层。还可以在InteractableItem里加一个判断：如果当前渲染模式是透视，就把外壳的 Layer 临时设为 Ignore Raycast，等退出透视模式再恢复。

注意：调整 RenderQueue 会导致透明物体参与深度测试的顺序变化，如果发现内部模型不见了，先检查是不是 Depth Write 被误打开。

6. 触控一体机稳跑 60 帧：性能排查与真机验证

6.1 用三组数据判断是否达标

展馆项目上线前，我会盯三个数字：平均帧率、加载耗时、内存峰值。Unity Profiler 在 Editor 里只能看编辑器开销，真机上要再挂一个自动上报的 Debug 面板。每分钟统计一次平均帧率，低于 28 帧时就该查渲染还是逻辑卡顿。

常用的定位方法是把Application.targetFrameRate = 60写进启动场景，然后用 Profiler 的CPU Usage模块查看耗时。如果WaitForTargetFPS和Gfx.WaitForPresent占了大头，说明渲染压力大，优先压纹理和粒子；如果PlayerLoop中某个脚本耗时高，再去优化具体逻辑。

6.2 用对象池避免点击带来的 GC 卡顿

每次点击穴位都 Instantiate 一个高亮特效，会造成频繁 GC，导致画面突然掉帧。展馆场景里高亮和提示反复出现，更适合对象池：

Queue<GameObject> pool = new Queue<GameObject>(); public GameObject GetEffect() { if (pool.Count == 0) return Instantiate(effectPrefab); GameObject go = pool.Dequeue(); go.SetActive(true); return go; } void Recycle(GameObject go) { go.SetActive(false); pool.Enqueue(go); }

Queue保证先进先出，特效对象按顺序回收复用。SetActive(false)的物体不会再产生渲染开销，但要留意它的OnDisable里是否还持有其他引用，否则会被误回收。这一招在安卓触控一体机上尤其管用，能明显减少 GC 峰的频率。

验证时可以写一个自动点击测试脚本，连续点击 50 次展项，记录每次交互响应延迟的 P90 值，P90 超过 200ms 就需要优化。再长按透视开关 1 分钟，观察内存是否稳定增长，如果超过 5%，优先排查 RenderTexture 泄漏和材质实例累积。这个方案在开馆前一天自动跑 30 分钟，只要内存曲线不抬头，现场基本就能稳住。

本文还有配套的精品资源，点击获取