Project

SKODA 虚拟故障模拟（整车）WebGL 3D

时间：2019.09.20 - 2019.12.31

应用类型：web，webgl，3d，pc，mobile

项目概述：为 SKODA培训学院定制的 品牌经销商自学及内训技术课件制作合同 项目之一的 《 虚拟故障模拟（整车）- 燃油泵故障》 H5项目。给其品牌经销商自学以及内训。这个web课件最终上线环境，是在斯柯达学习桌面客户端中。

功能概述：

1. 前台学习web：

   ①帮助模块：tab切换页面；

   ②演练模块：上一页，下一页切换视频；显示对应视频文本；正计时；结束演练页面（显示当前计时时间，返回首页）；

   ③训练模块：故障选择页（多选，只能选2个；tab切换页；随机选择；返回首页；滚动条）；预加载页；工具栏模块（视角导航模块：切换不同的3d视角；诊断工具模块：调用各种工具；）；正计时模块；操作提示面板（文字滚动）；完成训练模块（选择的故障点，学习时间；返回首页）；操作说明页（pdf）；参考资料（pdf）；操作记录模块（时间，操作记录）；故障描述模块；器件修复模块；重置当前模块；操作步骤模块；工作说明；万用表模块；诊断仪模块，电源模块；点火开关；踏板模块；维修工单页（tab切换页；单选，多选 练习题；题目判断对错，评分）；旋转，缩放场景；

   ④考核模块：完成考核模块（学习时间，得分）；其他功能和训练模块的差不多，只是屏蔽了部分功能，例如：操作提示面板；操作说明页；操作记录模块；等；

本人职责： 负责 技术选择，全部功能开发。

技术参数：

1. 前台学习web：react(cra)，mobx，threejs，axios，pubsubjs，css in module，react-inlinesvg，pdfjs等；

软件工具：WebStorm，Adobe Animate CC，3dsmax

预览： http://bmw.jingge.com/skoda/zd3dwebgl

效果展示： https://pxim.github.io/projects/skoda-zd-webgl.html#show

PS：此效果图，不是上线版本、环境。