# ผู้ชนะ Spline x Contra Hackathon - Spline blog (https://spline.design/th/blog/spline-contra-hackathon-winners)

> ผลักดันขีดจำกัดของการออกแบบเว็บ 3D แบบอินเทอร์แอคทีฟ

[บล็อก](https://spline.design/th/blog)

20 มิถุนายน 2568

# ผู้ชนะ Spline x Contra Hackathon

ผลักดันขีดจำกัดของการออกแบบเว็บ 3D แบบอินเทอร์แอคทีฟ

[เปิด Spline](https://app.spline.design)

## นวัตกรรมพบการโต้ตอบ: ร่วมยินดีกับผู้ชนะ

Spline x Contra Hackathon ท้าทายครีเอเตอร์ให้สร้างประสบการณ์ 3D แบบอินเทอร์แอคทีฟที่เป็นต้นฉบับสำหรับเว็บ ผลงานที่ได้ยอดเยี่ยมมาก โดยผู้ชนะแต่ละคนได้รับรางวัล $1,000 มาดูโปรเจกต์ล้ำสมัยที่ดึงดูดความสนใจของคณะกรรมการกัน

## ผู้ชนะ (รางวัล $1,000)

ผู้ชนะห้าคนได้รับเลือกเป็นผลงานยอดเยี่ยม โดยคณะกรรมการพิจารณาคัดเลือกอย่างรอบคอบ ด้านล่างนี้คือผลงานที่ชนะทั้งหมดจากแฮกกาธอน

### Designer's Retreat โดย Peter Dimitrov

ผลงานที่ผสมผสานความคิดถึงอดีต อารมณ์ขัน และความลึกลับได้อย่างช่ำชอง การผจญภัยในคืนฤดูร้อนราวกับความฝันนี้ตรึงใจผู้ชมด้วยการเล่าเรื่องที่เต็มไปด้วยบรรยากาศ ผลงานของ Dimitrov เป็นตัวอย่างที่สมบูรณ์แบบว่าประสบการณ์ 3D พาผู้ใช้เข้าสู่เรื่องราวที่ดื่มด่ำได้อย่างไร

### R4X โดย Vlad Kolokolnikov

หุ่นยนต์อินเทอร์แอคทีฟแสนน่ารักตัวนี้เติมบุคลิกให้การโต้ตอบบนเว็บ ด้วยลักษณะคล้าย BB-8 R4X จะมองตามการเคลื่อนไหวของเคอร์เซอร์และตอบสนองด้วยแอนิเมชันที่น่าเอ็นดู แสดงให้เห็นการใช้ตัวแปรที่กำหนดเองและตรรกะการเคลื่อนไหวอย่างสร้างสรรค์

### 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

สุดยอดผลงานทางเทคนิคที่ผสานเอฟเฟกต์ระลอกคลื่นกับการโต้ตอบด้วยเสียง AI ในขนาดไม่ถึง 200kb

### 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)

## บทความอื่น ๆ จากบล็อก

[3 พฤศจิกายน 2569ขอแนะนำ Spline Arena](https://spline.design/th/blog/introducing-spline-arena)[21 ตุลาคม 2569ขอแนะนำ Spline สำหรับ ChatGPT](https://spline.design/th/blog/introducing-spline-for-chatgpt)[27 สิงหาคม 2569ขอแนะนำ Hana V2](https://spline.design/th/blog/hana-v2)

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

เอดิเตอร์ 3D และ 2D สำหรับทีมและเอเจนต์ของทีม เผยแพร่ได้ทั้งบนเว็บ iOS และ Android

#### ถาม AI เกี่ยวกับ Spline

#### ผลิตภัณฑ์

- [ออกแบบ 3D](https://spline.design/th/3d-design)
- [Hana](https://spline.design/th/hana)
- [Omma](https://omma.build)
- [สร้าง 3D ด้วย AI](https://spline.design/th/ai-generate)
- [Spline MCP](https://spline.design/th/mcp)
- [Spline Arena](https://spline.design/th/arena)
- [ราคา](https://spline.design/th/pricing)
- [องค์กร](https://spline.design/th/enterprise)

#### รันไทม์

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

#### แอป

- [ดาวน์โหลด](https://spline.design/th/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [ดาวน์โหลด Spline Mirror](https://spline.design/download-mirror)

#### เรียนรู้

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/th/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [โซลูชัน](https://spline.design/solutions)

#### คอมมูนิตี้

- [คอมมูนิตี้ Spline](https://community.spline.design)
- [Blog](https://spline.design/th/blog)
- [มีอะไรใหม่](https://spline.design/th/changelog)
- [การศึกษา](https://spline.design/th/education)
- [Contra](https://spline.design/contra)
- [พันธมิตร](https://spline.design/th/affiliate)

#### บริษัท

- [ลูกค้า](https://spline.design/th/customers)
- [ร่วมงานกับเรา](https://www.ycombinator.com/companies/spline/jobs)
- [ความปลอดภัย](https://spline.design/th/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.