跳至內容

專案

這些專案有些充滿玩心且帶有懷舊感,有些則是針對 Canvas、WebGL、著色器和互動設計的深度技術沙盒,透過概念化、影像生成、快速原型製作、代理輔助編碼和視覺迭代,將人工智慧直接編織到創作過程中。

開啟 GitHub

著色器實驗室

嘗試背景矩陣

在此瀏覽器工作階段中選擇任意拼貼以覆蓋網站背景。

目錄

目前的專案陣容

Ocean Simulator 標題疊在反射金色日落的藍綠色海浪上

開啟海洋實驗室

Ocean Simulator

探索無盡的日落海洋,伴隨著滾滾波浪、白浪花和閃爍的光芒。

WebGPUFFT WavesWGSLProcedural Sky
透視解剖手部,在午夜藍背景上的「HAND ATLAS」字樣旁展示骨骼、肌肉、肌腱和神經

解剖實驗室

Hand Atlas

剝開互動式 3D 手部模型,探索手痛的來源與緩解方法。

Three.jsMediaPipe HandsWeb CameraInteractive 3D
摺疊式 iPhone Duo 手機模型,由發光的鉸鏈分隔,背景為分層漸層

Fold Motion Lab

iPhone Duo

一個基於瀏覽器的摺疊螢幕研究,具有同步內容和互動式鉸鏈轉場。

Three.jsWebGLInteractive 3D
God's Eye View:透過軌道地球儀與感測器視圖探索星球

行星探索者

God's Eye View

透過衛星影像、感測器效果和公共空間資料探索地球。

CesiumJSSpatial IntelligenceOpen SourceLive Data
Cinderwake 標題位於裝甲星際戰鬥機、外星無畏艦、地球和燃燒的太空殘骸上方

太空射擊遊戲

Cinderwake

在無情的外星中隊和龐大的無畏艦中開闢出一條燃燒的尾流。

Three.jsBlenderGLSLWeb Audio
黑色背景旁的紅寶石色小熊軟糖與多色半透明 GUMMY BEAR 字樣

軟體遊樂場

Gummy Bear

在糖果物理實驗室中伸展、擠壓和潑灑真實感的小熊軟糖。

WebGPUThree.jsParticle FluidsSoft-body Physics
Water World 的風景美術圖,顯示發光的程式化海洋模擬

Three.js 海洋實驗室

Water World

一個陽光普照的真實粒子水池,可以潑水、晃動並填滿漂浮玩具。

WebGPUParticle FluidsThree.jsBuoyancy
一隻插畫水豚正在陽光明媚的山坡滑板場景中滑滑板

節奏滑板遊戲

Capybara SK8R

一個有趣的 3D 節奏滑板遊戲,重製為水豚下坡奔跑。

React Three FiberThree.jsRhythm GameplayWeb Audio
用於 Camera Toy 的霓虹貓抓板手勢追蹤藝術作品

相機視覺實驗室

Camera Toy

一個基於瀏覽器的相機遊樂場,具有手部追蹤的霓虹視覺效果。

MediaPipe Handsp5.jsWeb CameraCanvas Effects
AI Market Maker 簡化專案美術圖

AI 股票情報

AI Market Maker

八檔人工智慧股票的預測與排名新聞,基於五年的每日收盤價。

GeminiYahoo Finance DataRechartsPostgreSQL
Tech Tonic 專案美術圖

所有適合掃描與排名的重要新聞

Tech Tonic

一個將最大的科技新聞聚合成一個乾淨摘要的每日信號台。

Feed AggregationStory ClusteringEditorial DigestGemini Synthesis
Particle Sim 專案藝術作品

視覺饗宴

Particle Sim

數十萬個發光的GPU粒子,能組成各種形狀並對您的觸摸做出反應。

WebGPUCompute ShadersThree.jsParticle Systems
Instagram