12 分钟
用 React Three Fiber 构建沉浸式 3D 体验
深入探讨如何使用 R3F 和自定义着色器创建高性能 WebGL 应用。
Three.jsReactWebGL
关于我
一名前端工程师，热衷于构建高性能、美观且沉浸式的 Web 体验。 深耕 React、TypeScript 与 Three.js， 在工程与艺术之间架起桥梁。
我的工作涵盖从复杂 Web 应用的架构设计到创意 WebGL 体验的打造。 信奉整洁的代码、深思熟虑的设计，以及服务于目标的技术。
目前正在探索 AI 驱动开发、空间计算界面以及不断演进的 Web 平台的前沿。
技能栈
日常使用的技术与工具，用于构建生产级应用。
Frontend
ReactNext.jsTypeScriptThree.jsTailwindCSSFramer Motion
Backend
Node.jsPythonPostgreSQLRedis
AI / ML
AI AgentsLLM APIsRAG
Tools
DockerGitCI/CDLinux
工作经历
我的职业发展历程。
2024 — 至今
前端工程师
Current
使用前沿技术构建现代 Web 应用。
- 使用 Next.js 和 React 架构并构建高性能 Web 应用
- 基于 Three.js 和 WebGL 开发沉浸式 3D 体验
- 主导前端架构决策与代码审查
- 搭建 CI/CD 流水线与自动化部署工作流
2022 — 2024
软件工程师
Previous
全栈开发，聚焦 React 生态与 Node.js。
- 构建并维护多个生产级应用
- 优化应用性能，Lighthouse 评分 95+
- 实现桌面端与移动端的完整响应式适配
- 与设计团队协作打造直观的用户界面
GitHub
开源贡献与公开项目。
0+
仓库
0+
Star
0+
贡献
0+
编码年限
“技术的最佳状态，是让人们更紧密地联系在一起。”— 设计哲学
“简洁是终极的优雅。”— 工程原则
创意实验室
探索 Web 技术边界的实验性项目。
3D 粒子宇宙
基于自定义着色器的交互式粒子系统。
Three.jsGLSLR3F
WebGL 流体模拟
浏览器中的实时流体动力学仿真。
WebGLComputeShaders
空间 UI 原型
探索面向空间计算的深度界面。
Three.jsInteractionUI/UX