摘要：随着 Web 图形标准的成熟与生成式人工智能编程能力的突破，虚拟仿真实验资源正在发生形态分化：在传统"高保真、平台化、重投入"路线之外，一条以单个 HTML 文件为交付单元、零安装、可离线运行的"轻量化"路线逐步显现。本文界定单网页轻量化虚拟仿真实验的概念内涵与六项核心特征，系统梳理国外在技术路线（WebGL/WebGPU/WebAssembly/Three.js）、代表性平台（PhET、EjsS、H5P、Go-Lab 等）与应用成熟度方面的发展状况，回顾国内在政策驱动下形成的建设体系（国家级虚拟仿真实验教学中心、虚拟仿真实验教学一流课程、职业教育示范性虚拟仿真实训基地）及其技术研发现状，从技术架构、应用场景、用户体验、标准化程度、生态可持续性五个维度开展中外对比，并研判 WebGPU 基线迁移、AI 三层赋能、云端协同分层、跨端融合、低代码化等技术演进方向。研究认为，中外差距的实质不是单一维度的技术落后，而是资源生态位的结构性缺失与生产组织方式的路径依赖；轻量化路线的核心价值在于填补"知识点级、高频次、快迭代、零门槛"的供给空白，而非替代高保真仿真。文末提出面向国家、院校、教师、技术社区四个层面的对策建议。

关键词：虚拟仿真实验；单网页；轻量化；WebGL；WebGPU；生成式人工智能；教育资源生态；开放教育资源

一、概念界定与核心特征

1.1 概念缘起：虚拟仿真实验的形态分化

虚拟仿真实验（Virtual Simulation Experiment）自 20 世纪 90 年代进入教育领域以来，长期沿着"提升保真度"的单一方向演进——更真实的渲染、更精确的物理解算、更完整的流程复现、更沉浸的交互设备。这一演进逻辑塑造了当前主流的资源形态：以专业游戏引擎为开发工具、以校企合作或外包团队为生产主体、以专用服务器与账号体系为运行基础、以十万元级经费与季度至年度周期为建设成本。

然而，教学实践中存在一类与之诉求迥异的需求：教师在讲授某个抽象知识点时，需要一个能够立即调出、参数可调、现象可见的小型交互工具；这类需求的特征是高频、零散、时效性强、单点聚焦，而传统建设模式的成本结构与响应周期无法覆盖。正是这一供需错配，催生了虚拟仿真实验的形态分化——在"重资源"之外，出现了以极简技术栈实现单一教学目标的"轻资源"路线。

Web 技术栈的成熟为这条路线提供了工程基础。当浏览器原生具备硬件加速的二维与三维渲染能力后，"一个文件即一个实验"从设想变为可交付的现实。

1.2 概念界定

单网页轻量化虚拟仿真实验（Single-Page Lightweight Virtual Simulation Experiment）指：以单个 HTML 文件为完整交付单元，将全部样式（CSS）与脚本（JavaScript）内联封装，不依赖服务端渲染、数据库、账号体系与本地安装程序，在任意现代浏览器中打开即可运行的交互式虚拟仿真教学资源。

该定义包含三条可检验的硬性技术边界：

1. 单文件封装：全部代码与视觉资产内联于一个 HTML 文件，不存在外部依赖文件；

2. 协议无关运行：在 file:// 本地协议下直接打开即可正常运行，不报错、不白屏，不要求 Web 服务器环境；

3. 体积约束：文件体积控制在可通过即时通信工具、教学平台附件、移动存储介质任意通道自由分发的量级（经验区间为数 KB 至一百余 KB）。

1.3 六项核心特征

特征维度	具体表现	技术支撑	教学意义
基于 Web 原生运行时	以浏览器为唯一运行环境，不使用任何插件、中间件或专用客户端	HTML5 + Canvas 2D / WebGL；避免已淘汰的 Flash、Java Applet、Unity Web Player 等插件路线	规避技术栈老化导致资源整体失效的系统性风险
零安装、零配置	无需管理员权限、无需注册登录、无需网络连通	内联封装 + 本地协议兼容	消除"最后一公里"部署失败，适配无权限的公共教学终端
低资源占用	单文件体积在百 KB 量级；对显卡、内存、操作系统版本无明确下限要求	程序化几何建模替代外部三维模型加载；Canvas 动态纹理替代位图资产；控制场景多边形规模	兼容老旧终端、移动设备与低带宽环境，扩大受益面
交互式仿真内核	参数可实时调节、现象即时响应、数据同步更新，而非线性播放的动画或视频	事件驱动 + requestAnimationFrame 渲染循环 + 参数—现象—数据的三向联动	支持"预测—操作—观察—修正"的探究式学习，区别于演示型课件
知识点级粒度	聚焦单一或少数关联知识点，而非完整工艺流程或复杂系统	功能边界收敛，避免功能膨胀导致体积与复杂度失控	与课堂教学的最小教学单元对齐，便于精准嵌入与高频调用
可自由再分发	复制即部署，可二次修改，不绑定平台与账号	无服务端状态、无许可校验、源码即交付物	天然契合开放教育资源（OER）的 5R 原则，但同时带来知识产权保护的新命题

1.4 相关概念辨析

单网页轻量化虚拟仿真实验并非孤立概念，需与若干邻近形态明确区分：

· 与"虚拟仿真实验教学项目/一流课程"的关系：后者是政策认定的建设范畴，强调完整的实验教学设计、学时学分与考核体系，技术上多为 B/S 平台化系统。二者是"资源形态"与"课程建制"两个不同层面的概念，不构成竞争关系。

· 与 H5 交互课件的区别：H5 课件多以图文、动画、选择题为主体，交互深度停留在"翻页—点击—反馈"层面；轻量化虚拟仿真的核心是可运行的模型——存在真实的计算内核，输出随输入连续变化。

· 与远程实验室（Remote Laboratory）的区别：远程实验室通过网络操控真实设备，本质是真实实验的远程化；轻量化仿真是数学与物理模型的可视化，二者在保真度与可及性上各有取舍。

· 与 VR/AR 沉浸式实验的区别：后者依赖头显设备与高性能终端，追求沉浸感；前者以屏幕交互为主，追求可及性。WebXR 的成熟正在两者之间建立技术桥梁，但设备门槛的差异是结构性的。

· 与教育游戏的区别：教育游戏以目标—奖励机制驱动参与动机；轻量化仿真以"参数—现象"关系的可探究性驱动认知建构，通常不设置游戏化叙事层。

1.5 资源谱系中的定位

将虚拟仿真教学资源按技术复杂度与建设成本排列，可形成清晰的三级谱系：

层级	典型形态	技术栈	体量	建设周期	生产主体	生态位
重资源	国家级虚拟仿真实验教学一流课程、数字孪生实训基地	Unity3D / Unreal Engine / 专业仿真平台	数百 MB — 数 GB	季度至年度	校企合作、专业外包团队	标杆示范，解决"做不到、做不了、做不上"的高危高成本实验
中资源	平台化 Web 虚拟实验系统、学科虚拟实验室	Three.js/Babylon.js + 后端服务 + 账号体系	数十 MB	月度至季度	校内技术团队、教育技术公司	课程级系统，支撑一门课的完整实验体系
轻资源	单网页轻量化虚拟仿真实验	Canvas 2D 或 Three.js 单文件内联	数 KB — 数百 KB	小时至天	一线教师（AI 辅助）	知识点级工具，支撑日常课堂的高频即时需求