文/安一飞

1　前言

先进的3D图形越来越多地用于各种领域的网络应用，如手术培训和博物馆展览。 与此同时，Web技术的创新（例如HTML5和WebGL）允许将高级3D图形直接集成到网页中，而不需额外的插件。虽然，现代图形硬件的可用性越来越高，但目前仍没有标准的方法来有效地将传统的2D网页内容（例如文本和图像）与交互式3D环境相结合。

通常，3D应用程序专注于图形，沉浸式和交互性，而不是传统的Web任务（如定位和查看信息）；3D图形提供更逼真和更丰富的用户体验；但是，3D环境往往需要用户借助一个视角与相关内容进行交互，并且通常需要用户导航到某个位置才能检索信息，从而降低了用户完成常见Web任务的能力（如检索文本信息）。在本文中，我们采用了一个WebGL 3D图形JavaScript库——Three.js，给出了一个双模式方法的原型实现，用于在交互式3D环境中进行信息传播的接口设计，通过创建web交互式应用程序，允许用户在2D和3D用户界面之间瞬间切换。与单独的超文本或者3D模式相比，双模式用户界面具有总体任务性能最佳的优势，且在实践上，美学上更受用户青睐。

2　系统描述

原型系统以博物馆形式实施应用。该应用程序允许用户探索博物馆参观者的活动，以及可能在这个博物馆中找到的陈列品。原型系统通过Three.js JavaScript库使用HTML5，CSS3，JavaScript和WebGL实现。创建了三个应用程序，即“2D网站”，它是一个“平面”网页，其中包含参观者对象的3D呈现。第二个应用程序是一个使用Three.js实现的“3D网站”。它包含一个3D对象，用户可以探索特定物体并与之互动。……