互联网的逐步普及推动了物流行业的发展,如今普通用户与物流的联系更加紧密,这也使得物流行业较以往拥有了更大的货物来源,更复杂的运输路径,更短的运输时间的要求。为了使物流行业的执行与管理能够满足当前的用户需求,诞生了新型的自动化立体仓库。通过对仓库进行自动化库存管理能够有效的提高企业的库存管理效率,减少企业的运营成本。本文基于WebGL与React框架完成了对立体仓库模拟系统的三维可视化设计与实现。开发了一套针对立体化自动仓库的三维场景模型,并设计了一种统一的仓库场景数据格式便于对仓库的整体结构数据进行存储与解析。本文根据软件工程的相关要求本文首先从功能性需求和非功能需求两个方面对系统进行了需求分析。在功能性需求中对本系统的核心功能点进行了介绍,分为用户管理、页面渲染、库存管理、出入库控制和模型操作五部分;在非功能性需求中对本系统需要满足的易用性,兼容性以及加载优化等需求进行了说明。在总体设计阶段对本系统的功能进行了模块化的划分,并设计了系统与服务端之间的接口。在实现部分对所有功能模块进行了详细的分析与设计,阐述了各模块的逻辑流程和实现方法,并基于需求分析和设计对系统进行了实现。最后,本文介绍了系统的测试过程,展示了针对主要功能的测试用例和测试结果,并对工作内容和成果进行了总结,分析了不足之处,对改进方向进行了展望。