程序聚合 软件案例 虚拟力学实验室

虚拟力学实验室

2026-04-27 21:29:08
行业:在线教育
载体:网站
技术:Node.js、Tailwind CSS

业务和功能介绍

立项背景与目标:
背景:物理实验教学面临设备不足、器材损耗、安全隐患、学生无法反复操作等痛点。需要一个零安装、可随时随地访问的虚拟实验平台。
目标:用Unity WebGL构建交互式3D物理仿真实验,搭配AI教学助手,实现课前预习、课中探究、课后报告的完整教学闭环。
软件功能/核心模块共5个:
一,首页导航——8个实验卡片入口,鼠标悬停时自动预加载Unity文件。
二,Unity仿真实验(e1到e8共8个)——3D物理模拟,支持调节导轨角度、光电门间距、摩擦系数等参数,有运行实验、重置实验、批量实验三个按钮,实验结果实时填入数据表格。
三,数据分析工具——弦线波振动实验的数据分析页面,耦合摆实验的4种分析页面(同向振动分析、异向振动分析、拍频分析、摆支分析),用Chart.js生成图表。
四,AI助教——DeepSeek驱动的聊天机器人,支持三种教学风格:苏格拉底式提问(只反问不给答案)、引导式提示(给线索留推理步骤)、协作式讲解(接近完整但最后一步留给学生)。内置物理常见误区库,能自动识别并纠正学生的错误概念。
五,预习预测题——进入实验前弹出选择题,引导学生先思考再操作。
六,实验报告——在线填写实验名称、实验目的、实验原理、数据记录、结果分析等,点击提交后AI自动批改并给出反馈建议。
业务流程:
用户进入首页,看到8张实验卡片。点击任意卡片后弹出预习预测题,做完选择题后进入实验页面。Unity场景开始加载(约98MB,界面显示实时下载速度和剩余时间)。加载完成后进入3D实验场景,用户调节参数,点击运行实验观察物理现象,数据自动填入表格。过程中可以随时打开AI助教提问,AI会根据用户选择的引导级别给出不同深度的回答,还能识别物理常见误区。需要深入分析时可以打开独立的数据分析页面查看图表。实验结束后到实验报告页面填写报告,提交后AI自动批改并给出改进建议。

项目实现

一、整体架构和设计思路
纯静态前端 + Express轻量后端,零构建工具,所有HTML/CSS/JS手写或CDN引入。架构简单:Unity实验放Build目录,Express统一托管静态文件同时兼任DeepSeek API的反向代理,AI聊天组件是自包含的IIFE模式直插页面。

二、我负责的模块和结果
独立完成全部前端和后端:8个Unity实验页面、1个Unity加载器、1个AI聊天助手、1个预习系统、1个实验报告页面、5个数据分析页面、1个Express代理服务器、1个首页导航、1个LLM聊天配置模块。

量化结果:约30个文件,覆盖8个物理实验的仿真、数据分析和AI辅导全流程,首次访问后通过强缓存实现秒开。

三、难点、坑、解决方案

加载慢: 每个实验98MB,服务器带宽仅300KB/s。解决方案——gzip压缩wasm(6.5→2.5MB)、Cache-Control immutable浏览器缓存一年(二次秒开)、首页hover预取。

二次压缩: Unity构建时已压缩.data.unityweb,compression中间件又压一遍浪费CPU。解决方案——filter过滤.unityweb后缀跳过。

远程依赖: 最初依赖8个远程Unity服务器,跨域和稳定问题多。解决方案——Unity产物直接放本地Build目录,去掉外部依赖。

端口占用: Windows自动重启占用3001端口的node进程。解决方案——sc query定位服务名后用net stop关闭。

无构建工具: 模块通信依赖window全局对象,必须保证脚本加载顺序。解决方案——统一规范:config脚本在最前,widget脚本在最后,所有页面固定底部引入。

示例图片视频


许航
1天前活跃
方向: 后端-Java、前端-Web前端、
交付率:100.00%
相似推荐
欧冠小程序
欧冠小程序是面向全球欧冠球迷的一站式足球服务平台,聚焦欧冠联赛全周期服务,整合赛事资讯、实时数据、互动社区、周边商城、会员权益于一体,依托微信生态即用即走,满足球迷“看赛、聊球、玩竞猜、买周边、享专属福利”的核心需求,打造轻量化、高体验的官方球迷服务入口。
管理系统-人员技能通关培训管理平台
项目介绍:人员技能通关培训管理平台,主要用于管理人员统一查看各工种学员的课程学习、技能考核及通关进度。平台按初级工、中级工、高级工、技师多等级进行分类管理;首页集成多类数据可视化图表,包含常规统计图与三维图表,直观展示培训数据、通关率及人员整体学习情况,方便管理员高效统筹管控。 技术栈 基于 Vue3 + Element Plus 搭建整体项目架构;集成 ECharts、Highcharts 实现多元化数据可视化及三维图表展示;搭配 Vue Router、Vuex 完成路由管控与全局状态管理。
水库数字孪生项目-石门黄坡数字孪生可视化大屏
项目介绍:石门黄坡为二个项目,功能一样,只是接口数据和UE三维场景不同。在虚拟的场景通过和 现实同样的经纬度坐标在场景中放置渗压计,水位计,雨量计所有设备通过真实设备接口获取真实数 据来直观显示数据,项目中有开闸放水,防洪四预,溃坝模块前端通过调用UE方法,场景会执行相应 的动画效果,通过虚拟的场景来模拟现实真实的情况。首页有各种场景切换,泄洪闸,水电站,泄洪 道等,项目中还通过three.js来展示各类设备的模型,以及各类模型的各个部件展示。还有在场景漫游 动画和实时天气的模拟,有下雨下雪阴天晴天的动画模拟。 技 术 栈:vue2框架,前端和UE场景通信,sse设备实时数据的推送,three.js展示fbx格式模型,以 及模型切换,管理员账号登陆时优先获取三维场景。
toc平台电商网站-景区购票
一、立项背景和目标 1.立项背景 市场需求:旅游业数字化转型加速,用户对线上旅游产品预订的需求日益增长。 用户体验:传统旅游平台交互复杂,需构建更现代化、响应式的前端应用。 管理效率:需完善的后台管理系统(前端+后端),支撑商品、订单、用户等业务的高效运营。 2.核心目标 前端:构建高性能、现代化前端应用,保障代码质量与可维护性。 后端:构建景区门票/旅游产品后台管理系统,实现产品数字化管理。 二、软件功能、核心功能模块介绍 软件功能:构建完整的在线旅游服务平台,为用户提供景区/旅游产品一站式服务,同时支撑运营人员高效管理业务。 2. 核心功能模块 用户管理:支持登录(验证码+JWT)、注册(MD5密码加密)、信息维护、4级权限控制(普通用户→演示账号→管理员→超级管理员)、敏感数据脱敏。 景区/产品管理:实现产品CRUD、分类与标签管理、访问量/收藏量等统计、封面图片本地存储。 订单管理:自动生成订单、订单状态管控(待支付→已支付/已取消)、订单查询与取消、库存自动扣减与回补。 支付模块:集成支付宝沙盒环境,支持二维码支付、SSE实时推送支付状态、异步回调处理、支付成功积分奖励。 社交互动:支持评论、点赞、收藏、心愿单功能。 运营支撑:广告/公告管理、用户地址管理、图形验证码生成。 数据看板:系统信息监控、业务数据统计、热门景区排名、流量趋势分析 三、业务流程、功能路径描述 1. 核心业务流程 用户访问平台→(未登录可浏览,登录可进入个人中心)→搜索/筛选景区/产品→查看详情→可选择收藏、加入心愿单或立即预订→订单确认(选择/新增地址)→提交订单→前往支付→支付成功(订单状态更新、库存扣减、积分奖励)/支付失败/取消(订单状态更新、库存回补)→支付成功后可查看订单、发表评价;管理员登录后台→进行产品、订单、用户、运营相关管理及数据查看。 2. 功能路径 首页(/portal)→搜索页(/search)→详情页(/detail?id=xxx)→订单确认页(/confirm)→支付页(/pay);登录(/login)后可进入用户中心(/user),访问订单、评论、地址等子模块。 (2)管理后台路径 管理员登录(/admin/login)→总览仪表盘(/admin/overview)→可进入订单管理(/admin/order)、商品管理(/admin/thing)、用户管理(/admin/user)、评论管理(/admin/comment)等各类运营管理模块,以及日志监控、系统信息等辅助模块。
软赢AI-软著申请材料生产
是一款利用AI技术,为软著代理机构降本增效的辅助工具。其核心业务是通过自动生成高质量的申请材料,帮助代理机构在激烈的市场竞争中降低成本、提高利润空间 四大核心功能 1.一键生成所有材料:这是软赢AI的基础功能。用户只需输入软件名称和简介,系统就能在30分钟内自动生成一套完整的申请材料,包括60页源代码、操作手册和申请表,且所有材料均以Word格式提供下载。 2.个性化定制,避免模板化:系统会根据项目名称和简介定制代码与界面,实现“一案一材料”,有效降低了查重风险,每套材料包含 20+页文档和15+张高质量配图,内容真实可信。 3.高质量代码文档:生成的60页源代码包含超过3000行代码,注释详尽、格式规范,项目配置真实可运行,让审核人员更容易通过。 4.售后保障与持续优化:软赢AI提供双重兜底服务。如果因材料问题导致申请被补正(官方要求补充修改材料),用户可以免费获得补正材料,或者将额度退还到账户用于下次生成。
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服