GPT-5.5 實作 HTML-in-Canvas，PixiJS + GSAP 做出無聊網站終結者

PixiJS 官方帳號發了一段影片：他們在測試 GPT-5.5，讓模型實作 HTML-in-Canvas spec，結果在 WebGL 和 WebGPU 都直接跑起來了，不需要額外調整。搭配 PixiJS + GSAP Skills，做出了一個他們說「讓無聊網站沒有藉口存在」的互動 demo。

GPT-5.5 是什麼

GPT-5.5 在 2026 年 4 月 23 日正式發布。

OpenAI 對這個模型的定位：「為複雜、真實世界工作設計」，包括寫程式、線上研究、分析資訊、生成文件試算表、跨工具完成任務。Chief Research Officer Mark Chen 說 GPT-5.5「在科學和技術研究工作流上有顯著進步」，並能在電腦操作任務（computer use）上超越前代。

發布範圍：Plus、Pro、Business、Enterprise 用戶的 ChatGPT，同時提供 API。GPT-5.5 Pro 版使用平行 test-time compute，提供最高推理能力，限 Pro 以上方案。

在 OpenAI 的版本序列裡，GPT-5.5 繼承 GPT-5.4 和 GPT-5.3，這個「快速迭代」節奏是 OpenAI 2026 年的核心策略轉變。

HTML-in-Canvas 是什麼

HTML-in-Canvas 是一個 spec，讓 HTML 內容可以直接渲染進 Canvas 元素——原生地在 WebGL 或 WebGPU 的渲染管線中整合 HTML 的排版和文字。

這解決了一個長期存在的問題：Canvas（特別是 WebGL/WebGPU）傳統上和 HTML DOM 是分開的兩個世界。如果你要在 WebGL 場景裡渲染 HTML 格式的文字或佈局，需要繞過各種技巧（SVG foreignObject、2D canvas 截圖再貼進 WebGL 等），既脆弱又效能差。

HTML-in-Canvas 把這兩個世界打通。PixiJS 把這個能力納入他們的渲染管線，讓開發者可以在 WebGL/WebGPU 場景裡直接用 HTML 做 UI 和文字排版。

PixiJS + GSAP Skills 的意義

PixiJS 是 JavaScript 2D 渲染引擎，底層走 WebGL，fallback 到 WebGPU（或 Canvas 2D）。主要用在高效能的瀏覽器動畫、互動體驗、遊戲 UI。

GSAP（GreenSock Animation Platform）是業界標準的 JS 動畫庫，精確控制 DOM 元素和 Canvas 元素的時序和緩動。

這兩個工具組合在一起做的事：WebGL 負責視覺效能（particle systems、shader effects、高幀率渲染），GSAP 負責時序和流暢的補間動畫，HTML-in-Canvas 讓 HTML 的可讀性進入 WebGL 場景。

PixiJS 用 GPT-5.5 實作這個 spec 的意涵是：過去需要深度 WebGL 知識的事，現在可以用 AI 生成。HTML-in-Canvas 的實作細節複雜（shader 整合、字型渲染 pipeline、DOM 事件傳遞），GPT-5.5 能在這個複雜度上直接出正確結果，說明模型在 WebGL 這個相對小眾的技術領域有足夠的覆蓋。

無聊網站的終結者

PixiJS 說「hopefully there will soon be no excuses to make boring websites」，這句話的背景是：

過去，WebGL 動畫效果是少數人的專屬——你要懂 GLSL shader、懂 WebGL 管線、懂怎麼管理 texture 和 buffer。這讓高視覺衝擊力的網站成為大型設計工作室或資深前端工程師的特權。

GPT-5.5 能夠生成這層實作，加上 PixiJS + GSAP 這樣完整的工具鏈，讓「我想要這種效果」到「這種效果在瀏覽器裡跑起來」的路徑縮短。不是說任何人都能做，而是門檻從「需要幾年 WebGL 經驗」降到「需要能描述你想要什麼」。

這個方向對 web 視覺設計的影響是漸進但真實的：創意的上限不再受限於 WebGL 的技術門檻，而更多受限於你能不能想像。

PixiJS + GSAP GitHub：pixijs.com