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

> 拓展交互式 3D 网页设计的边界

[博客](https://spline.design/zh/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）

一款未来感十足的音频播放器，展示了精致的玻璃质感界面和流畅的动效设计。

### 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/blog/introducing-spline-arena)[2026年10月21日Spline for ChatGPT 正式推出](https://spline.design/zh/blog/introducing-spline-for-chatgpt)[2026年8月27日Hana V2 正式发布](https://spline.design/zh/blog/hana-v2)

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

面向团队及其智能体的 3D 和 2D 编辑器。一键发布到网页、iOS 和 Android。

#### 向 AI 询问 Spline

#### 产品

- [3D 设计](https://spline.design/zh/3d-design)
- [Hana](https://spline.design/zh/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh/ai-generate)
- [Spline MCP](https://spline.design/zh/mcp)
- [Spline Arena](https://spline.design/zh/arena)
- [定价](https://spline.design/zh/pricing)
- [企业版](https://spline.design/zh/enterprise)

#### 运行时

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

#### 应用

- [下载](https://spline.design/zh/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/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解决方案](https://spline.design/solutions)

#### 社区

- [Spline 社区](https://community.spline.design)
- [Blog](https://spline.design/zh/blog)
- [更新日志](https://spline.design/zh/changelog)
- [教育](https://spline.design/zh/education)
- [Contra](https://spline.design/contra)
- [联盟计划](https://spline.design/zh/affiliate)

#### 公司

- [客户](https://spline.design/zh/customers)
- [招贤纳士](https://www.ycombinator.com/companies/spline/jobs)
- [安全](https://spline.design/zh/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.