Experience

  • Jun 2024 - Present (1 yr 8 mo) •Remote

    前端开发工程师 @Immortal Dragons

    负责 Immortal Dragons 官网的前端开发，这是一家专注于延寿研究的生物科技基金

    • 基于 Next.js 14 App Router 开发官网，自研 Navier-Stokes 流体模拟引擎（10个 GLSL 着色器 + 双缓冲 FBO）
    • React Three Fiber 3D 场景：可交互龙模型（手势拖拽 + 弹簧回弹）、地球模型、粒子系统
    • GSAP ScrollTrigger 多页面主题过渡动画 + SVG 滤镜链交互式世界地图
    Next.js Three.js GSAP WebGL
  • Jun 2023 - Jun 2024 (1 yr) •On-site

    前端开发工程师 @Project Twelve (P12)

    负责 P12 官网及 Web3 UGC 平台的前端开发

    • P12 Landing 官网：Three.js GLTF/DRACO 模型、20万粒子 WebGL Shader 系统（Simplex Noise）、CSS2DRenderer DOM 混合渲染
    • GSAP Timeline 动画编排：粒子→模型过渡、四元数拖拽旋转、热点缩放；集成 GPU 流体模拟背景
    • P12 Arcana Web3 UGC 平台：Next.js 13 + wagmi 多链钱包（BSC/Linea/Manta）+ SIWE 认证
    React Next.js Three.js Tailwind wagmi

Projects

ID Life Landing

Immortal Dragons 的官方网站，是一家专注于延寿研究的生物科技基金。

10 个 GLSL 着色器 + 双缓冲 FBOR3F 3D 交互龙模型GSAP ScrollTrigger
Next.js Three.js GSAP WebGL

3D 数字孪生医疗健康平台

面向医疗健康领域的 3D 数字孪生平台，支持交互式人体解剖模型展示、健康数据管理、AI 智能问诊

3D 医学模型渲染系统AI 智能交互模块健康数据与报告系统
Next.js Three.js R3F WebGL

AI 实时语音转录与对话应用

一款基于 AI 的实时语音转录与智能对话 Swift 6 iOS 应用，支持实时语音识别、AI 对话问答、画中画字幕、屏幕录制转录、多语言翻译等功能。应用采用订阅制商业模式，已上架 App Store。

Swift 6 严格并发ReplayKit 屏幕录制画中画悬浮字幕
Swift SwiftUI RevenueCat WebSocket

AI 语音助手桌面应用

基于 Electron 的跨平台 AI 语音助手桌面应用，支持实时语音对话、语音转文字、文本聊天等功能。项目从零搭建到发布 37 个版本，累计 417 次提交。

OpenAI Realtime API v2AudioWorklet 高性能音频7 窗口协调系统
Electron React TypeScript Socket.IO

astro-koharu

萌系 Astro 博客主题，126+ Stars

多分类多标签系统LQIP 渐进式图片加载Koharu CLI
Astro TypeScript React Tailwind

Moe Copy AI

AI 网页数据提取助手，600+ 用户

4 层渐进式内容提取流式 AI 摘要Chrome/Firefox 双平台
TypeScript Plasmo React Tailwind
更多项目（6）

P12 Landing Page

P12 Landing Page 是 Project Twelve 的官方网站，展示了项目的愿景，网站采用现代化设计，通过 3D 模型渲染和自定义粒子系统为用户提供沉浸式体验。

Simplex Noise 系统GLTF/DRACO + CSS2DRendererGPU 流体背景
React Three.js GSAP WebGL

企业级管理后台系统

知识图谱 + AI 关系生成 + Refine.dev 企业级 CRUD（已脱敏）

知识图谱节点管理AI 辅助关系生成10+ 功能模块 50+ 页面
React TypeScript Refine Ant Design

3D 数字人交互系统

VRM 数字人 + 语音对话 + 第一人称场景漫游

VRM/FBX 动画系统VAD 语音端点检测自适应画质管理
Next.js R3F VRM Jotai

ZIMA 3D 实景资产平台

双渲染引擎 + 10GB 大文件上传 + 智能立方体贴图加载

iframe 双渲染引擎架构10GB 大文件分片上传移动端帧率提升 150%
Next.js Three.js Prisma Docker

Cosine Gallery

ACG 艺术作品展示平台，高性能瀑布流 + Meilisearch 全文搜索

虚拟化瀑布流渲染Meilisearch 全文搜索3000+ 图片管理
Next.js PostgreSQL Meilisearch Prisma

Cosine Gallery Bot

Telegram 艺术作品聚合机器人，多平台抓取 + Rust 原生图片压缩

Grammy Telegram Bot@napi-rs/image Rust 压缩多平台内容聚合
Node.js TypeScript PostgreSQL AWS S3

Skills

Frontend
TypeScript
React
Next.js
Astro
Tailwind CSS
Jotai
3D/WebGL
Three.js
R3F
GLSL
GSAP
Backend
Node.js
PostgreSQL
Prisma
Meilisearch
Mobile
Swift
SwiftUI
Electron
DevOps
Docker
Git
AWS S3
PM2

Education

河南工业大学

计算机科学与技术 · 本科 · 信息科学与工程学院

2019年09月 - 2023年06月

相关课程：程序设计基础（95），面向对象程序设计（98），离散数学（96），操作系统原理（96）

所获荣誉：校优秀学生奖学金(2021)、校共青团新媒体工作先进个人(2019)