•加入校园新媒体工作室，参与 H5 创意传播项目，负责基于 Web Audio API 的音乐可视化模块，打造音频律动与粒子动画联动的沉浸式体验，作品获校级优秀数字媒体作品奖。
HTML5多媒体开发工程师动效开发交互体验性能调优
北京
•参与公司多个品牌营销类 HTML5 多媒体页面的前端开发，使用 Canvas、CSS3 动画与 Web Audio API 实现产品 3D 拆解、音效反馈等互动展示，提升用户停留时长。
•与后端和数据组协作，完成多媒体素材的异步加载、状态同步与接口联调，保证页面在不同网络环境下的稳定播放。
•针对低端机型进行性能优化，通过图片懒加载、纹理压缩、动画帧率动态调节等手段，使首屏渲染时间缩短约 35%，卡顿率明显下降。
•在团队内组织 HTML5 多媒体技术分享，编写组件使用文档，协助两名新同事快速上手动画调试与性能分析工具。
高级HTML5多媒体开发工程师架构设计图形渲染多人协作
北京
•主导公司多云展厅类 HTML5 多媒体项目的技术选型与架构设计，基于 Webpack 搭建模块化工程，引入微前端思路拆分展示单元，提升多团队并行开发效率。
•带领小组攻克 WebGL 粒子特效在移动端的性能瓶颈，通过 Shader 优化、Draw Call 合并与离屏渲染，使复杂场景帧率稳定在 50fps 以上。
•与产品、设计定期沟通，将展览动线、展品交互需求转化为可落地的多媒体方案，交付的线上展厅项目获得客户市场部年度创新奖。
•关注 WebXR、WebGPU 等新标准，预研并落地基于 WebRTC 的远程协作白板模块，增强产品在远程互动场景下的技术护城河。
•该平台为博物馆、展会提供线上 3D 虚拟展厅，观众可自由漫游、点击展品查看多媒体详情。
•我负责前端框架搭建与交互实现，采用 Three.js 构建场景，通过 GLTF 模型加载与光影烘焙，还原展品材质和空间氛围。
•利用 WebSocket 实现多人同步游览与语音讲解，观众可跟随讲解员视角，并实时发送表情和评论。
•上线后累计接待 50 万+ 线上访客，平均停留时长较旧版提升 60%，获得多家文博机构续约合作。
•为连锁零售门店设计双屏互动体验，顾客在手机端扫码后，可在大屏上参与抽奖、查看商品 AR 试穿效果。
•我采用响应式布局与横竖屏适配策略，保证大屏、手机端界面一致。
•运用 CSS 变量与 Web Animations API 实现流畅的商品展示动效，结合 WebRTC 实现手机摄像头画面实时投射到大屏。
•该系统部署后，门店试穿体验转化率提高 25%，成为区域数字化改造标杆案例。
Canvas与WebGL图像合成:
深入实践 Canvas 2D 上下文，在个人项目中实现视频帧实时截图、滤镜叠加与绿幕背景替换，构建轻量级浏览器端视频编辑预览工具。
利用 WebGL 着色器实现图像混合与特效渲染，将 GPU 加速的粒子转场用于 H5 活动页面，大幅提升动画流畅度与视觉表现力。
