BUILD. PLAY. UNDERSTAND.

可以体验的作品,
可以展开的实现。

这里收录我的可运行作品与工程实验。先体验交互,再看技术取舍、问题修复和验证方式。

13 个在线演示WebGL / 能源 / AI 工程查看业务项目与职责 ↗
本站风机三维演示的实际渲染画面实际场景截帧 / WEBGL
01 / 最新作品五场景交互

精细风机与变电站、反射水面的船舶、固定翼操控和真实纹理地形。保留原项目视觉,五类大屏在本站直接操作。

Three.js / Cesium原模型与贴图本地部署适配按需加载
  • 设备拆解与结构观察
  • 设备拾取与告警巡检
  • 原船模、水面及三维地形
  • 加载反馈与渲染资源管理
原项目适配展示 · 演示数据 · 保留来源署名
MORE TO EXPLORE

从业务工具,到机制实验。

每个演示都标注运行范围与数据来源。

能源岛 Three.js 网页版真实运行场景:海岸工业站、风电、光伏与储能设备
02 / Three.js / 设备探索与仿真源自 Unity 桌面项目 · Three.js 网页重构

能源岛 · 风光储三维探索

源自个人 Unity / C# 桌面项目,以 Three.js 重建网页场景,并将仿真规则迁移为 JavaScript。探索 18 个设备部件、切换四种天气,再进入 180 秒调度挑战。

Three.js / JavaScriptPBR 设备结构能源平衡仿真按需加载
源自 Unity 桌面项目 · 真实网页场景 · 教学示例数据

网页实景、桌面来源与 Windows 下载 →

打开演示
三维模型工作台实际界面:模型库、三维视口与材质灯光编辑面板
03 / Web3D / 模型编辑在线编辑器

三维模型工作台

选一个模型,调整材质、灯光与动画,再把结果导出。也可以载入自己的 GLB、GLTF、OBJ、FBX 或 STL 文件,直接在浏览器里编辑。

Three.jsVue 3 / Pinia模型与材质编辑本地文件载入
answer 开源项目适配 · MulanPSL-2.0 · 建议电脑体验

操作指引与来源说明 →

打开演示
暴力摩托实际渲染画面:骑手、摩托与公路赛道
04 / WebGL / 摩托竞速可运行作品

暴力摩托 · 公路争锋

压低车身冲进弯道,抓住并排行驶的机会反击。三条风格不同的公路、三款摩托,与 AI 对手争夺终点。

Three.jsWeb AudioJavaScriptesbuild
本地单机 AI 竞速 · 支持键盘与手机触屏打开演示
超级玛丽与打鸭子原站游戏的实际体验画面
05 / 经典游戏 / 原站接入经典版体验

超级玛丽与打鸭子

熟悉的超级玛丽和打鸭子回来了。选择游戏后开始挑战,支持全屏,操作说明始终可查;机器小人的像素复刻版也单独保留。

原站嵌入全屏容器中文操作指引按需加载
原站游戏接入 · 本站全屏与操作外壳

全屏体验与操作指引 →

打开演示
像素双游实际运行画面:程序绘制的机器小人、横向平台与飞羽打靶场景
06 / Canvas 2D / 玩法复刻原创代码实现

像素双游 · 玩法复刻版

操作机器小人越过平台,或在限时内点中飞羽目标。把经典闯关与打靶的玩法,重新写成可全屏体验的 Canvas 双游戏。

Canvas 2D碰撞与滚动相机计时与命中判定键盘 / 触屏
经典玩法复刻 · 原创程序绘制 · 本站运行

操作指引与实现细节 →

打开演示
Voidrunner 本站性能改造版实际画面,悬浮赛车、立体赛道与中文交互界面
07 / WebGL / 工程改造本站运行

Voidrunner · 性能改造版

保留原作的悬浮赛车与立体赛道,重新处理模型加载、渲染预算与暂停恢复。亲手竞速,也能打开技术观察面板查看运行状态。

Three.jsLOD / 静态合批像素预算渲染生命周期
基于原作工程改造 · 保留来源署名 · 本站运行

操作指引与改造细节 →

打开演示
第一轮训练后航拍标注:红框光伏板、蓝框玻璃、黄虚线材质待确认区域
08 / 视觉 / 光伏巡检第一轮训练后标注

光伏组件识别与诊断

观察第一轮训练后标注:红框标出光伏板,蓝框标出玻璃,黄虚线保留材质待确认区域。切换上一版对照,查看局部细节与复核思路。

YOLOv8 训练实践标注对照人工复核
阶段标注展示 · 不运行在线模型打开演示
运输船实际渲染画面:海面、集装箱甲板与战术角色
09 / WebGL / 实时交互可运行作品

运输船 · WebGL 战术演示

一张甲板、两支队伍、五分钟对局。从命中判定到机器人战术,亲手体验浏览器中的实时交互。

Three.jsWeb AudioJavaScriptVite
单机机器人对战 · AI 辅助开发 · 推荐电脑键鼠打开演示
智能电价盯盘设计预览,使用合成行情
10 / 能源 / 数据交互交互原型

智能电价盯盘

切换区域与时间窗口,联动价格曲线、观察清单和 CSV 导出。

原生 JavaScriptSVG数据联动
合成行情 · 不连接真实交易系统打开演示
能源AI智能体设计预览,展示分析与复核流程
11 / AI / 业务工作流交互原型

能源 AI 智能体

从预设业务场景进入资料依据、分析过程与人工复核,观察建议如何形成。

工作流证据组织人工复核
预设场景 · 不调用真实大模型打开演示
检索与证据组织流程示意
12 / AI / 上下文工程机制实验

上下文与证据实验台

调整检索数量与字符预算,观察证据的筛选、去重,以及引用如何回到原文。

检索规则预算管理引用追溯
合成文档 · 字符预算,不等同 token打开演示
工具调用与执行验证流程示意
13 / AI / 执行验证机制实验

Agent 轨迹评测实验台

回放工具调用,对照最终状态,识别重复写入和只宣称完成的执行结果。

状态机轨迹回放结果断言
浏览器内存模拟 · 不访问业务系统打开演示