# Spline x Contra 黑客松得獎作品 - Spline blog (https://spline.design/zh-hant/blog/spline-contra-hackathon-winners)

> 突破互動式 3D 網頁設計的界限

[部落格](https://spline.design/zh-hant/blog)

2025年6月20日

# Spline x Contra 黑客松得獎作品

突破互動式 3D 網頁設計的界限

[開啟 Spline](https://app.spline.design)

## 創新與互動的相遇：為得獎者喝采

Spline x Contra 黑客松挑戰創作者為網頁打造原創的互動式 3D 體驗。成果非常精彩，每位得獎者都獲得 1,000 美元獎金。一起來看看這些吸引評審目光的突破性作品。

## 得獎者（獎金 1,000 美元）

評審團經過審慎評選，選出五件最佳作品。以下是這次黑客松的所有得獎作品。

### Designer's Retreat（Peter Dimitrov）

這場夢幻的夏夜冒險巧妙融合了懷舊、幽默與神秘感，以充滿氛圍的敘事吸引了觀眾。Dimitrov 的作品完美示範了 3D 體驗如何將使用者帶入沉浸式的故事中。

### R4X（Vlad Kolokolnikov）

這個迷人的互動機器人為網頁互動注入了個性。R4X 帶有類似 BB-8 的特質，會跟隨游標移動並以討喜的動畫回應，展現了自訂變數與動態邏輯的創新運用。

### Pixel Player（Zoe Tang）

向經典像素遊戲致敬的懷舊之作，包裝在現代的 3D 遊戲機介面中。這件以 Spline + Webflow 打造的作品，展示了復古美學如何透過當代網頁技術重新詮釋。

### Secret Garden（Susanna Nevalainen）

這件作品是對自由工作者旅程的藝術隱喻，結合 Spline AI 與 ChatGPT 生成的紋理，打造出寧靜而奇幻的體驗，在敘事與技術創新之間取得完美平衡。

### Note Fury（Gary Simon）

這款創新的吉他學習工具，將 3D 互動指板與 Web Audio 功能結合，並包裝在令人驚豔的使用者介面中。它完美示範了 3D 網頁體驗如何發揮實際的教育用途。

## 特別獎（獎金 500 美元）

這次黑客松也以特別獎表揚了幾件傑出的作品。

### Dynamic Data Ripple（Bigloon Shang）

在不到 200kb 的大小中結合漣漪效果與 AI 語音互動的技術傑作。

### Echocore（Yair Moor）

一款未來感十足的音樂播放器，展現俐落的玻璃 UI 與流暢的動態設計。

### Glossy Device（Julie Andria）

一個復古未來風的互動物件，非常適合用於產品展示。

## 佳作（Spline 周邊好禮）

這次比賽也選出了其他幾件值得關注的作品。

### Sci-Fi Eye（Eugene Upston）

以眼科為靈感、細節豐富的作品。

### 9to5（Matan Shomer）

結合 Spline、Hana 和 Wix Studio 的漫畫風格體驗。

### Kalivira Island（Yair Moor）

以地中海為靈感的 3D 度假體驗。

## 影響與未來

參賽作品的多樣性令我們印象深刻，從教育工具到藝術表現都有，顯示 3D 網頁體驗正變得越來越精緻，對創作者來說也越來越容易上手。

這次黑客松展示的作品不只是技術上的成就，更讓我們一窺互動網頁設計的未來：創意與功能以最創新的方式相遇。

—

Spline 團隊

[探索 Spline](https://app.spline.design)

## 更多部落格文章

[2026年11月3日Spline Arena 登場](https://spline.design/zh-hant/blog/introducing-spline-arena)[2026年10月21日Spline for ChatGPT 登場](https://spline.design/zh-hant/blog/introducing-spline-for-chatgpt)[2026年8月27日Hana V2 登場](https://spline.design/zh-hant/blog/hana-v2)

[Spline](https://spline.design/zh-hant)

為團隊及其 AI 代理打造的 3D 與 2D 編輯器。一鍵發布到網頁、iOS 和 Android。

#### 向 AI 詢問 Spline

#### 產品

- [3D 設計](https://spline.design/zh-hant/3d-design)
- [Hana](https://spline.design/zh-hant/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh-hant/ai-generate)
- [Spline MCP](https://spline.design/zh-hant/mcp)
- [Spline Arena](https://spline.design/zh-hant/arena)
- [價格](https://spline.design/zh-hant/pricing)
- [企業](https://spline.design/zh-hant/enterprise)

#### Runtime

- [Web](https://spline.design/zh-hant/web)
- [iOS](https://spline.design/zh-hant/ios)
- [Android](https://spline.design/zh-hant/android)

#### App

- [下載](https://spline.design/zh-hant/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [下載 Spline Mirror](https://spline.design/download-mirror)

#### 學習

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/zh-hant/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解決方案](https://spline.design/solutions)

#### 社群

- [Spline 社群](https://community.spline.design)
- [Blog](https://spline.design/zh-hant/blog)
- [更新日誌](https://spline.design/zh-hant/changelog)
- [教育](https://spline.design/zh-hant/education)
- [Contra](https://spline.design/contra)
- [聯盟行銷](https://spline.design/zh-hant/affiliate)

#### 公司

- [客戶](https://spline.design/zh-hant/customers)
- [工作機會](https://www.ycombinator.com/companies/spline/jobs)
- [安全性](https://spline.design/zh-hant/security)

#### 法律資訊

- [條款與細則](https://spline.design/terms)
- [隱私權](https://spline.design/privacy)

#### 聯絡我們

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.