纯JavaScript开发的化工流程模拟器：用游戏解释复杂化学工艺
Hacker News2026/03/12 00:56机翻/自动摘要/自动分类
2 阅读
内容评分
技术含量
8/10
营销水分
5/10
摘要
作者用纯JavaScript开发了一个化工流程模拟游戏，旨在通过互动方式向非专业人员解释复杂工艺。游戏结合物理引擎与前端技术，展示了LLM辅助开发的实践与挑战，具备教育意义和开发参考价值。
正文
作为一名化学工程师，我在德克萨斯州炼油厂负责物流管理。为了向非专业人员（包括我的孩子）解释化工流程，我开发了一个基于浏览器的5分钟游戏。游戏使用纯HTML、CSS和JavaScript编写，代码量达9000行，主要依赖Matter.js实现2D物理效果。开发过程中面临多个技术挑战，包括辅助代码编写时的文件管理问题、物理引擎与CSS布局的兼容性、移动端交互优化以及全局状态管理的内存泄漏问题。游戏内容涵盖静电脱盐、分馏、加氢处理、催化裂化和汽油调和等工艺，玩家需满足特定的辛烷值和RVP标准。游戏完全免费，客户端运行，无广告和注册要求。目前游戏链接存在显示问题，希望有人协助解决。