发布前端

技术选型

模拟器发布页面前端使用 HTML+CSS+JavaScript 搭建，同时考虑对于移动端进行适配，此外还有动画效果来提高前端界面的可观性，由于多端的区别角度，使用不同的分辨率图片来进行匹配，实现响应式的效果。

实现效果

https://sim.scutbot.cn/

用于电脑端设备

用于移动端设备

动画效果

将底部的水印进行动画效果的呈现，提高观感，同时使用脚本实时计算当前时间点，避免后续出现时间不匹配等现象，同时便于维护。