实际场景截帧 / WEBGL可以体验的作品,
可以展开的实现。
这里收录我的可运行作品与工程实验。先体验交互,再看技术取舍、问题修复和验证方式。
实际场景截帧 / WEBGLMORE TO EXPLORE
从业务工具,到机制实验。
每个演示都标注运行范围与数据来源。

02 / Three.js / 设备探索与仿真源自 Unity 桌面项目 · Three.js 网页重构
能源岛 · 风光储三维探索
源自个人 Unity / C# 桌面项目,以 Three.js 重建网页场景,并将仿真规则迁移为 JavaScript。探索 18 个设备部件、切换四种天气,再进入 180 秒调度挑战。
源自 Unity 桌面项目 · 真实网页场景 · 教学示例数据打开演示
03 / Web3D / 模型编辑在线编辑器
三维模型工作台
选一个模型,调整材质、灯光与动画,再把结果导出。也可以载入自己的 GLB、GLTF、OBJ、FBX 或 STL 文件,直接在浏览器里编辑。
answer 开源项目适配 · MulanPSL-2.0 · 建议电脑体验打开演示
04 / WebGL / 摩托竞速可运行作品
暴力摩托 · 公路争锋
压低车身冲进弯道,抓住并排行驶的机会反击。三条风格不同的公路、三款摩托,与 AI 对手争夺终点。
本地单机 AI 竞速 · 支持键盘与手机触屏打开演示
05 / 经典游戏 / 原站接入经典版体验
超级玛丽与打鸭子
熟悉的超级玛丽和打鸭子回来了。选择游戏后开始挑战,支持全屏,操作说明始终可查;机器小人的像素复刻版也单独保留。
原站游戏接入 · 本站全屏与操作外壳打开演示
06 / Canvas 2D / 玩法复刻原创代码实现
像素双游 · 玩法复刻版
操作机器小人越过平台,或在限时内点中飞羽目标。把经典闯关与打靶的玩法,重新写成可全屏体验的 Canvas 双游戏。
经典玩法复刻 · 原创程序绘制 · 本站运行打开演示
07 / WebGL / 工程改造本站运行
Voidrunner · 性能改造版
保留原作的悬浮赛车与立体赛道,重新处理模型加载、渲染预算与暂停恢复。亲手竞速,也能打开技术观察面板查看运行状态。
基于原作工程改造 · 保留来源署名 · 本站运行打开演示
08 / 视觉 / 光伏巡检第一轮训练后标注
光伏组件识别与诊断
观察第一轮训练后标注:红框标出光伏板,蓝框标出玻璃,黄虚线保留材质待确认区域。切换上一版对照,查看局部细节与复核思路。
阶段标注展示 · 不运行在线模型打开演示
09 / WebGL / 实时交互可运行作品
运输船 · WebGL 战术演示
一张甲板、两支队伍、五分钟对局。从命中判定到机器人战术,亲手体验浏览器中的实时交互。
单机机器人对战 · AI 辅助开发 · 推荐电脑键鼠打开演示
