Avatar

// RESUME

Frank Wang

软件工程师(图形引擎 / 工业软件)

01

个人简介

拥有 5 年以上工业软件研发经验,长期从事 WebGL 渲染引擎、工业数字孪生、CAE 仿真平台及企业级三维可视化系统建设,工作覆盖图形引擎、平台架构与服务端能力。

主导企业级 WebGL 渲染引擎建设,负责渲染架构设计、图形交互、模型加载(Go + WebAssembly)及性能优化,为多条业务线提供统一三维能力,累计支撑 50+ 工业应用开发与交付,业务研发效率提升 50% 以上。

技术栈覆盖 TypeScript、React、WebGL、Go、Rust/WASM、Node.js / NestJS 等,具备复杂系统设计、平台化建设及工程化落地经验。

02

技能雷达图

基于个人技术栈的熟练度可视化展示

03

核心技能

图形渲染

  • WebGL
  • WebAssembly(WASM)
  • Canvas
  • GLSL
  • 三维模型加载
  • Bounding Box 计算
  • GPU 渲染性能优化
  • 图形交互系统设计

应用开发

  • React(深入理解 Hooks、Fiber,阅读过 React 部分源码)
  • React Router
  • MobX
  • TypeScript
  • JavaScript(ES6+)
  • HTML5 / CSS3

后端与系统

  • Node.js / NestJS
  • MongoDB
  • Go(模型解析、WASM 编译)
  • Rust / WebAssembly
  • WebRTC 实时通信
  • 了解:Python

工程化

  • Webpack(Loader / Plugin 开发)
  • Vite
  • Rollup
  • Git
  • pnpm
  • Docker
  • Linux
04

开源项目

WebGL 渲染引擎6

基于原生 WebGL 实现的轻量级三维渲染引擎,支持模型加载、场景管理、图形交互及基础渲染能力。

WebGLGLSLJavaScript

WebRTC 视频会议系统4

基于 React、NestJS、MongoDB、WebRTC 实现多人实时音视频会议系统,支持房间管理、实时通信、屏幕共享等功能。

ReactNestJSWebRTCMongoDB

wasm-memx2

基于 SharedArrayBuffer 的高性能共享内存管理库,提供零拷贝数据共享、分区化内存布局、面向 3D 模型数据的复合缓冲区及 Rust/WASM 数学加速,已发布为 npm 包。

TypeScriptRustWASMSharedArrayBuffer
05

项目经历

数字孪生快速开发平台

低代码编辑器内核与物料体系设计开发2025.01 - 2025.08

项目背景

面向水利数字孪生业务的低代码可视化搭建平台,通过拖拽物料、配置数据源的方式快速搭建大屏/数字孪生页面并预览发布,支撑淳安流域水利(一张图、洪涝预报、风险预警、联动预案、情景预演)及风电监测等业务交付,降低大屏类项目重复开发成本。

负责内容

  • 负责低代码编辑器内核设计与开发:Schema 驱动的 Node 树模型(Project / Page / Resource / Node 层级),基于 MobX 实现可观察状态与实时渲染。
  • 实现拖拽搭建能力:基于 dnd-kit 的物料拖拽、绝对定位画布、标尺缩放、多页面管理。
  • 设计 Setter 配置体系:样式、数据源、事件的可视化配置面板;实现 {{API.xxx}} 占位符的数据绑定机制,支持 API / 静态 / 自定义数据源。
  • 搭建物料体系:物料注册机制(registerComponentTemplate / registerResourceTemplate),沉淀通用组件及流域水利、风电业务物料 30+ 个。
  • 集成 GIS/孪生渲染能力:基于 ys-dte(Mapbox)封装地图组件,支持 Marker、2D/3D 视角切换、模拟云层及水体动画;基于 ECharts 实现等值面、过程线等可视化资源。
  • 实现保存序列化与预览发布链路:Page/Node 序列化写后端,预览端复用同一套 Node 渲染并剥离编辑交互。

技术难点

  • Schema 驱动的物料渲染引擎设计:组件渲染函数、状态、Setter、事件统一由 NodeSchema 描述,运行时动态解析。
  • 数据绑定与动作系统设计:事件-动作链路(页面跳转、接口请求、组件赋值等),组件状态与数据源的解耦。
  • 大屏画布交互体验:多页面、缩放、标尺、组件层级管理等复杂编辑器交互。

项目成果

  • 平台成功应用于淳安流域水利数字孪生项目交付,覆盖一张图、洪涝预报、风险预警、联动预案、情景预演五大业务模块。
  • 将大屏项目从定制开发转变为拖拽配置搭建,显著缩短交付周期,业务物料可跨项目复用。

企业级 WebGL 渲染引擎

主导引擎设计与开发2023.08 - 至今

项目背景

针对多个工业产品重复开发三维能力的问题,提出并推动建设企业级 WebGL 渲染引擎,将仿真平台中的三维能力进行平台化抽象,形成统一 Graphics Engine,降低业务开发成本,提高研发效率。

负责内容

  • 主导 WebGL 渲染引擎核心模块设计与开发。
  • 负责三维模型加载、图形渲染及交互系统开发。
  • 设计复杂图形交互框架(责任链模式 + 状态模式)。
  • 开发引擎 API、Demo 及技术文档。
  • 参与团队 Code Review,推动引擎代码规范建设。

技术难点

  • 大规模工业模型浏览器端渲染优化。
  • 模型顶点数据解析、Bounding Box 自动计算。
  • 图形交互事件统一管理。
  • 基于 Go + WebAssembly 实现模型解析,提高浏览器端模型加载效率。

项目成果

  • 建设统一 WebGL 渲染引擎,为多条业务线提供统一三维能力。
  • 支撑 50+ 工业应用开发与交付。
  • 三维业务研发效率提升 50% 以上。
  • 基于 Go + WebAssembly 重构模型加载流程,约 2 万节点模型加载效率提升 40%。

工业云 CAE 仿真平台

平台核心模块与架构建设2022.08 - 2023.07

项目背景

工业云仿真平台,实现在线建模、仿真计算及三维可视化展示,是工业仿真业务的核心产品线。

负责内容

  • 平台核心业务模块开发。
  • 配置驱动研发体系建设。
  • 灵活表单组件及基础组件开发。
  • 仿真数据展示及交互优化。

技术难点

  • 海量仿真数据实时渲染。
  • 配置驱动研发架构设计。
  • 动态表单及复杂业务状态管理。

项目成果

  • 从 0 到 1 建立配置驱动研发模式。
  • 显著提升模块复用率及研发效率。
  • 平台成功上线并成为核心工业仿真产品。

水动力仿真平台

图形化建模与数据链路开发2022.01 - 2022.07

项目背景

河道建模平台,通过图形化方式快速完成复杂河道建模与仿真,降低客户建模门槛。

负责内容

  • 河道建模组件开发。
  • 图形化建模系统开发。
  • 数据序列化与反序列化。
  • 动态表单及校验系统开发。

技术难点

  • 建模数据映射。
  • 动态依赖关系处理。
  • 仿真计算结果可视化。

项目成果

  • 平台成功交付并上线。
  • 降低客户建模门槛,提高建模效率。

数字孪生大坝健康管理平台

三维可视化与业务系统开发2020.12 - 2021.12

项目背景

数字孪生大坝安全管理平台,实现三维可视化监控、健康评估及仿真数据展示。

负责内容

  • WebGL 三维模型展示。
  • 大坝模型加载及性能优化。
  • 仿真数据可视化。
  • 核心业务模块开发。

技术难点

  • 大型三维模型加载优化。
  • 模型与仿真数据融合展示。
  • 三维场景性能优化。

项目成果

  • 项目成功交付并投入使用。
  • 获得客户认可,并成为后续推广标杆案例。
  • 相关技术方案以第一发明人申请国家发明专利并获得授权。
06

工作经历

某工业软件公司

2020.12 - 至今

软件工程师(图形引擎 / 工业数字孪生)

负责工业互联网产品、数字孪生平台及 WebGL 渲染引擎研发,参与企业级三维可视化平台建设,并沉淀可复用的平台化能力。

07

教育经历

本科 · 机械电子工程

2016.09 - 2020.06

08

专利成果

  • 第一发明人,国家发明专利已授权(实景可视化 / 工程结构健康监测方向)
09

自我评价

"

软件工程师,长期在工业软件领域做图形引擎、平台架构与工程落地,不局限于单一前端职责。熟悉将复杂业务抽象为可复用的平台能力,也写过 Go/WASM 模型解析、NestJS 实时服务与 Rust 共享内存库。注重代码质量、工程化与团队协作,持续关注图形学、WebAssembly 与系统性能。