ABAB Pedia

Renaud Rohlinger

Renaud Rohlinger 是在日本工作的法国创意开发者、Utsubo 联合创始人兼技术负责人,也是 Three.jsThree.jsThree.js 是由 Ricardo Cabello(Mr.doob)于 2010 年公开发布、由开源社区共同开发的 JavaScript 三维图形库。它为网页中的三维场景提供相机、几何体、材质、纹理、灯光和渲染等抽象,减少开发者直接编写底层图形接口代码的负担。项目以 MIT 许可证发布,官网为 threejs.org,核心代码库为 mrdoob/three.js。点击查看完整词条 开源项目贡献者。他的工作涉及 WebGL、WebGPU、实时三维交互及性能优化,参与网页、互动装置和图形开发工具的制作。

本页目录10 节
词条资料

早期开发工作与2019年赴日

Renaud Rohlinger 是在日本工作的法国创意开发者,主要从事 WebGL、Three.js 与实时三维交互。他曾在加拿大工作两年多,于2019年9月迁居日本。⁠[1]

他的早期作品包括2018年的网页游戏 Detective Moustachio,以及2019年的三维个人作品集。作品集将日本旅行印象转化为可滚动浏览的三维场景,并使用模型压缩、合并几何体和减少绘制调用等方法控制网页负载。⁠[1]

他的职业履历列有 ZIZO Co., Ltd. 创意开发者一职,时间为2019年4月至2021年8月。该任职开始月份与本人记述的赴日时间不同,分别对应工作记录和迁居经历。⁠[2]

开发者评审与作品展示

2020年,他加入 Awwwards 开发者评审团。他的个人作品集同时列出 We are ZIZO、ZIZO Party 和 Akino Kogomi 等当年的项目。⁠[1]

共同创办 Utsubo

2021年,Renaud Rohlinger 与 Jocelyn Lecamus 在大阪共同创办 Utsubo,名称取自大阪的靱公园。他担任技术负责人,工作室的业务涵盖实时三维网站、网页游戏、互动装置及技术咨询。⁠[3][4][5]

WebGPU流体与互动装置

2025年5月,他展示基于 Three.js WebGPU 渲染器的流体模拟,采用结合粒子与网格的 Material Point Method,探索在浏览器中实时处理密集粒子与交互反馈。同一时期,他也展示面向实时媒体处理的节点式工具预览。⁠[6]

当年8月,Utsubo 公布 Waves of Connection 展示计划,安排于8月12日至18日在大阪・关西世博会的 Reborn Challenge 区域展出。作品以《神奈川冲浪里》为灵感,结合 Kinect 动作感测、Three.js、WebGPU 和 GPU 流体模拟,让观众以身体动作影响粒子波浪。⁠[3]

Spawn渲染工作

2026年1月至6月,他在 spawn.co 从事渲染工作。其公开履历同时保留了 Utsubo 技术负责人一职,因此这段工作记录不应被解释为已经离开 Utsubo。⁠[2]

IVRESS项目制作经历披露

2026年7月公开的 IVRESS 品牌网站制作访谈将 Renaud Rohlinger 列为首席开发者。Utsubo 负责把既定故事转化为实时三维网页体验,涉及场景、镜头、着色器、声音、交互及性能设计。⁠[7][8]

项目采用 Three.js 的 WebGPURenderer,同时需要照顾制作时不支持 WebGPU 的移动设备。团队以烘焙动画和轻量点数据等方式组织场景,在代码中重建部分灯光、雾和粒子效果,以平衡视觉表现与运行负担。⁠[8]

技术访谈与巴黎会议

在9月4日发布的访谈中,他介绍了自己对 Three.js 的贡献:早期主要处理新 WebGPU 渲染器的 WebGL 回退路径,后来扩展到 WebGPU 与性能优化。他指出,TSL 的节点系统带来表达灵活性,也增加构建与编译成本,因此预编译是其研究方向之一。⁠[4]

他也讨论了 AI 辅助开发:网站的体验与设计仍由自己手工控制,AI 更多用于复杂系统的优化、测试和反复排错。他对自动生成的低质量开源贡献表示担忧,并强调开发者仍需理解计算机和程序性能的基础。⁠[4]

9月10日至11日举行的首届 Three.js Conf Paris 将他的“Performance and Tricks”演讲安排在11日上午。会前采访中,他讨论了 WebGPU、高斯泼溅和 TSL 预编译,关注如何识别实际的每帧耗时与渲染瓶颈。⁠[9][10]

Node.js图形工具与测试优化

他在个人代码仓库发布 node-webgl,为 Node.js 提供无需启动浏览器的 WebGL 1 和 WebGL 2 图形处理能力。项目使用 ANGLE,并提供与浏览器相近的画布接口,面向服务端三维渲染、截图测试及离线批处理等用途。⁠[11]

9月17日,他公布一次 Three.js 持续集成优化的测试结果:554个示例中,413个可在 Node 环境渲染,包含256个 WebGL 与157个 WebGPU 示例;该次运行时间从15.1分钟降至5.7分钟,另141个示例仍依赖浏览器。这些数字是他对特定测试的报告,不代表所有设备或项目的普遍性能。⁠[12]

开源项目、关联机构与公开网站

他在个人网站介绍的开源项目还包括 React Three Next Starter,用于结合 React Three Fiber、Three.js 与 Next.js 的网页开发。仓库地址:https://github.com/pmndrs/react-three-next(在新窗口打开)。⁠[1]

Sougen 的团队文档将他列为联合创始人兼技术负责人,并说明该项目由 Utsubo 开发。该文档反映项目团队关系,不单独证明项目当前运营规模或投资回报。项目文档:https://docs.sougen.co/(在新窗口打开)。⁠[13]

Utsubo 是他共同创办并担任技术负责人的创意工作室,官网:https://www.utsubo.com/(在新窗口打开)。Three.js 是他参与贡献的开源图形项目,官网:https://threejs.org/(在新窗口打开)。⁠[5][4]

来源

  1. Renaud ROHLINGER — Portfolio(在新窗口打开)
  2. Renaud ROHLINGER — 工作经历(在新窗口打开)
  3. Waves of Connection:大阪・関西万博2025展示公告(在新窗口打开)
  4. Three.js, WebGPU et IA : où en est la 3D sur le web ? — FAQ #3(在新窗口打开)
  5. Utsubo — Who We Are(在新窗口打开)
  6. The Best of WebGPU in May 2025(在新窗口打开)
  7. IVRESS品牌网站:场景设计与交互(后篇)(在新窗口打开)
  8. IVRESS品牌网站:构想与实时3D(前篇)(在新窗口打开)
  9. Three.js Conf Paris 2026 — Schedule(在新窗口打开)
  10. More Three.js Speakers, More Ideas from Paris(在新窗口打开)
  11. RenaudRohlinger/node-webgl — README(在新窗口打开)
  12. Renaud:在Node中运行Three.js截图测试(在新窗口打开)
  13. Sougen — Team(在新窗口打开)
  14. Renaud (@onirenaud)(在新窗口打开)