项目一:高性能低代码富文本编辑器(类似飞书文档)
技术栈: React + TypeScript + Slate.js / Quill + SharedB (协同可选)
核心实现: 基于 Slate.js / Quill 进行深度的二次开发,采用插件化架构设计,将编辑器从单一的文本框升级为“分块式(Block-based)”协同办公平台。
功能自研: 除了基础的跨媒体(图文、音视频)渲染,重点实现了高度定制化的嵌入式模块(如交互式表格、代码块、投票插件等),并解决了复杂嵌套结构下的文档 Schema 校验与数据标准化。
性能优化: 通过虚拟滚动与增量更新策略,解决了万级长文本在编辑器中的实时渲染性能瓶颈。
逻辑处理: 精准处理 Selection(选区)与 Range 逻辑,实现了类似飞书的侧边评论悬浮、划词高亮以及文档大纲自动提取功能。
项目二:Web 端可视化 3D 场景编辑器(交互式沉浸式创作平台)
技术栈: React + Three.js / Babylon.js + GSAP + Nestjs
场景渲染引擎: 基于 Three.js / Babylon.js 构建 3D 渲染核心,实现 .glb/.gltf 模型的高效加载与解析,支持 PBR 材质、环境光贴图(HDR)及实时阴影的动态调节。
编辑器架构: 独立开发了一套 3D 场景树管理系统。用户可通过 GUI 实时编辑模型的材质属性、纹理贴图、镜头路径(Camera Animation)及灯光参数。
交互与特效:
标记系统: 利用射线投射(Raycaster)实现模型表面精准打点与交互式热点(Hotspots)绑定。
视效增强: 自研粒子系统(如烟雾、火花)与着色器(Shader)特效;集成动画序列编排器,支持多轨道时间轴编辑。
多媒体集成: 实现了音画同步技术,支持根据模型动作触发特定的配音、配乐及动态讲解字幕。
全链路闭环: 配合 Nestjs 实现作品的云端存储与快照生成,支持生成唯一只读链接,通过自研的轻量化运行时(Runtime)实现跨端预览。
还有很多其他项目,比如小程序、APP、多人交互游戏(基于Phaser)等,就不一一列举,感谢去可详谈。