职位描述

1. 主导WebGL编辑器核心功能模块开发（如3D场景编辑、节点式材质/着色器编辑器、实时预览面板等），优化复杂交互下的渲染性能与响应速度；

2. 参与前端基础框架设计，针对WebGL工具链特性（如大资源加载、多视图协同、实时数据同步）优化框架架构，提升可扩展性与稳定性；

3. 负责桌面/移动端跨平台WebApp（SPA）研发，解决3D场景在不同设备、分辨率下的适配与性能一致性问题；

4. 维护与升级前端技术栈，推动WebGL库、构建工具、工程化方案的迭代，适配高性能图形渲染需求；

5. 主导项目全生命周期管理，包括编译优化（如GLSL/Shader模块处理）、部署策略（如大资源分片发布）、监控体系（如渲染耗时/内存泄漏预警）。

职位要求

1. 基础技术扎实：精通JavaScript/TypeScript，深入理解ES6+规范、原型链、异步编程等核心机制；熟练掌握CSS3（含GPU加速属性）、HTML5 Canvas/WebGL基础；

2. 实时性与协作能力：

● 熟悉实时通信技术（WebSocket/WebRTC），具备低延迟数据同步方案设计经验（如操作转换OT/无冲突复制数据类型CRDT）；

● 有复杂交互场景开发经验（如拖拽式节点编辑、多视口联动、撤销/重做历史管理），能保障高频操作下的流畅性（60fps+）；

3. 工程化与性能调优：

● 精通Webpack/Vite等构建工具，熟悉自定义插件开发（如GLSL文件编译、3D资源压缩/缓存策略）；

● 掌握前端性能分析工具（Chrome DevTools Performance/Render、Lighthouse），能定位渲染瓶颈（如Draw Call过高、内存泄漏）并优化；

● 理解Web Workers多线程架构，能将计算密集型任务（如几何运算、材质预处理）迁移至Worker线程；

4. 协作与软技能：

● 具备强烈的技术好奇心，持续关注WebGL/WebGPU前沿（如WebGPU标准、GPU Compute）及前端工具链演进；

● 优秀的跨团队沟通能力，能与图形算法、后端协作解决3D数据同步、格式兼容等问题；

● 具备复杂系统设计能力，能主导编辑器核心模块的技术方案评审与落地。

● 使用figma进行前端开发工作流

加分项

1. 有WebGL编辑器/3D可视化工具（如在线建模工具、数字孪生平台）完整研发经验，主导过性能优化专项；

2. 熟悉WebGPU技术，有基于WebGPU的渲染方案实践（如自定义管线、计算着色器）；

3. 参与过开源图形项目（如Three.js插件、Shader库）或主导过个人3D工具类项目（可附Demo/GitHub链接）；

4. 熟悉GLSL高级特性（如Compute Shader、纹理数组）或多后端渲染（WebGL+Canvas2D混合渲染）；

5. 有前端可视化库（D3.js/ECharts GL）或节点编辑器（如React Flow、GoJS）深度使用与二次开发经验；

6. 掌握图形学基础（矩阵变换、光照模型、投影矩阵），能阅读与优化底层图形算法。

7. 有游戏引擎（Unity/UE）、建模软件（Blender/C4d）、原型交互设计软件（figma/Rive）使用经验