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)(在新窗口打開)