风电 · 光伏 · 储能

能源岛 · 风光储三维探索
拆开设备,观察天气与能源变化。

从 Unity / C# 桌面项目出发,用 Three.js 重建一座可交互的能源岛。选择风机、光伏或储能,展开结构、点选部件,再切换天气与运行状态,观察简化仿真的能源反馈。

个人交互原型 · 三类设备 / 18 个部件 · 四种预设天气 · 点击启动后加载 3D

能源岛 Three.js 网页版真实运行画面:海岸工业站、风电、光伏与储能设施
BROWSER CAPTURE / 真实网页场景Three.js 网页版实际运行截图。设备、天气与简化调度可在在线体验中操作;点击可查看大图。
EXPLORE THE EQUIPMENT / CHANGE THE CONDITIONS

同一座岛,两种体验节奏。

先自由观察设备与天气,也可以尝试原有的限时调度玩法。

自由探索 / 无倒计时

拆解设备,改变运行条件

选择风机、光伏或储能,展开设备并点选部件;切换晴、阴、雨、雪,观察预设工况怎样改变场景与示例出力。

  • 三类设备、18 个部件与结构说明
  • 四种预设天气与实时能源平衡
  • 储能四模式、普通 / 高峰负荷与简化需求响应
进入自由探索 ↗
调度挑战 / 180 秒

在有限资源里,稳住供电

处理模拟设备故障,选择抢修或升级,判断是否承接支援订单。在预设规则下,比较紧急调频、需求响应与储能操作的结果。

  • 天气变化、资金与电网完整度
  • 自愿支援订单的收益与风险
  • 同局重试,比较自己的调度策略
进入体验后,选择“调度挑战”切换模式
A QUICK START

从一个设备开始探索。

推荐电脑键鼠。点击启动后加载三维场景与设备模型;需要更大的画面时,使用体验页的全屏按钮。

  1. 启动场景,选择风机、光伏或储能拖动观察场景,选择设备,查看对应的状态与操作面板。
  2. 拆解设备,选中一个部件点击“拆解”展开结构,点选部件查看说明,再用“放大查看该部件”进入近景。
  3. 调整天气与运行状态,对照能源反馈切换预设天气、储能模式与负荷,观察示例出力、电池状态和电网交换功率怎样变化。
UNITY ORIGIN / THREE.JS WEB

从桌面原作,走到浏览器里的三维交互。

个人工程实践 · AI 辅助开发 · Unity / C# 桌面原作与 Three.js 网页重构。

01 / PBR & EQUIPMENT STRUCTURES

设备外观与拆解结构分层

设备外观采用 CC BY 4.0 授权的风机、光伏与储能模型,经过贴图优化、网格合批与场景适配。展开后切换到本站通用示意结构,配合部件拾取、视角切换和中文说明。查看模型作者与许可 ↗

02 / C# RULES TO JAVASCRIPT

让交互连接仿真状态

将桌面原作的 C# 仿真规则迁移为 JavaScript,计算示例出力、负荷、电池充放电与电网交换。天气和调度操作改变模型状态,界面呈现对应的能源反馈。

03 / SELECTION & CAMERA STATES

把部件选择与近景观察分开

设备完全展开后,点选部件先高亮并显示说明,保留整体结构供对照。需要查看细节时,再通过“放大查看该部件”进入近景,并可返回拆解视角。

04 / ON-DEMAND RENDERING

控制加载与渲染成本

点击启动后才加载 Three.js 运行代码;设备模型有独立进度,储能在选中时下载。树木、房屋、工作船采用开放授权素材,木栈桥使用 CC0 PBR 材质。树木实例化,低配档减少数量与水面采样;像素预算、后台暂停和资源释放降低运行成本。实际流畅度取决于设备与浏览器。

THE ORIGINAL DESKTOP APPLICATION

也可以下载最初的桌面能源岛。

Windows 原版保留原有设备探索与调度玩法。解压整个文件夹后启动应用,保留程序旁的资源目录。网页版本以 Three.js 重建,界面与场景表现有所不同。

Windows 64 位 · v0.5 · ZIP 压缩包 · 约 49 MB
WHAT THIS DEMO REPRESENTS

交互原型的实现与边界。

个人工程实践围绕风、光、储制作设备探索、天气交互与简化调度,展示从 Unity / C# 到 Three.js / JavaScript 的重构过程。

预设工况与简化仿真容量、天气、出力、负荷与响应均为示例参数,未接入真实现场设备、AI 预测或市场交易。界面中的仿真数值用于观察操作结果。

真实来源与授权Unity / C# 桌面原版保留下载与截图,在线版本使用 Three.js 与 JavaScript 重建。模型许可保留独立署名;通用拆解结构不代表某个产品的精确内部设计。

进入三维能源岛 ↗← 返回能源智能应用