# ขอแนะนำ Hana - Spline blog (https://spline.design/th/blog/introducing-hana)

> แคนวาสใหม่สำหรับการออกแบบอินเทอร์แอคทีฟ

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

23 เมษายน 2568

# ขอแนะนำ Hana

แคนวาสใหม่สำหรับการออกแบบอินเทอร์แอคทีฟ

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

Hana นำเสนอแนวทางใหม่สำหรับการออกแบบอินเทอร์แอคทีฟ สร้างขึ้นใหม่ตั้งแต่ต้นโดยมีประสิทธิภาพเป็นหัวใจ Hana คือแคนวาสแบบเรียลไทม์สำหรับออกแบบและทำแอนิเมชันประสบการณ์ 2D แบบอินเทอร์แอคทีฟ ตั้งแต่อินเทอร์เฟซที่ประณีตไปจนถึงภาพที่มีชีวิตชีวา และส่งมอบสู่การใช้งานจริง

Hana ช่วยให้คุณสร้างคอนเทนต์ที่หลากหลายและอิงสเตต ซึ่งมีพฤติกรรม ตอบสนอง และโต้ตอบได้ บนแคนวาสที่รวดเร็วและไร้ขอบเขต

วางเมาส์หรือแตะเพื่อโต้ตอบ (ประสบการณ์ที่สร้างด้วย Hana)

## ความสามารถ

สำหรับ Hana เราสร้างเรนเดอร์เอนจินรูปแบบใหม่ที่ประมวลผลข้อมูลเวกเตอร์ได้รวดเร็วมากแบบเรียลไทม์ ทำให้ครีเอเตอร์เข้าถึงการแก้ไขเวกเตอร์เน็ตเวิร์กสมัยใหม่ ทรานซิชันแบบอิงสเตต และเอฟเฟกต์ที่เร่งความเร็วด้วย GPU ทั้งหมดในสภาพแวดล้อมที่ทำงานร่วมกันได้และทำงานบนเบราว์เซอร์โดยกำเนิด

ทุกสิ่งที่คุณออกแบบใน Hana พร้อมใช้งานจริงตั้งแต่แรก ไม่ว่าจะเป็นรูปทรงง่าย ๆ หรือประสบการณ์อินเทอร์แอคทีฟที่ซับซ้อน เอนจินของ Hana ถูกสร้างมาเพื่อรองรับการโต้ตอบแบบเรียลไทม์ที่ฝังลงในเว็บไซต์หรือแอปใดก็ได้อย่างง่ายดาย

ตั้งแต่การวาดเวกเตอร์ที่แม่นยำไปจนถึงเงาและเบลอที่นุ่มนวล Hana ผสานพลังและความเรียบง่ายเข้าด้วยกันในแบบที่รู้สึกเบา แต่ไร้ขีดจำกัด

ประสบการณ์ที่สร้างด้วย Hana

## การทำงานร่วมกันด้านการออกแบบแบบเรียลไทม์

เฟรมใน Hana เป็นคอมโพเนนต์ที่เล่นได้และทำงานอย่างอิสระ ทั้งหมดในเอดิเตอร์ ช่วยให้กระบวนการสร้างง่ายขึ้นโดยไม่ต้องมีโหมด "Animate" คุณแค่โต้ตอบกับประสบการณ์ของคุณด้วยการเล่นบนเฟรมในเอดิเตอร์โดยตรง ในอนาคตเฟรมยังส่งออกแยกเป็น URL สด รูปภาพ และอื่น ๆ ได้ด้วย

แชร์ลิงก์ แล้วผู้ร่วมงานจะเข้ามาสัมผัสประสบการณ์และร่วมสร้างบนแคนวาสของคุณได้ทันที ทุกการแก้ไขปรากฏแบบสด ความคิดเห็นเกิดขึ้นทันที นี่คือการทำงานร่วมกันหลายคนแบบเรียลไทม์ที่ออกแบบมาตั้งแต่ต้น และทำมาอย่างถูกต้อง

Hana ใช้ประโยชน์จากระบบการทำงานร่วมกันแบบเรียลไทม์ของเอดิเตอร์ 3D ของ Spline ซึ่งรองรับอยู่แล้ว ทีมของคุณจึงทำงานได้เร็วขึ้นและซิงก์กันตลอดเวลา

เวกเตอร์เน็ตเวิร์กที่สร้างด้วย Hana

## เวกเตอร์เน็ตเวิร์กแบบเรียลไทม์

เวกเตอร์เน็ตเวิร์ก (แนวคิดที่ Figma เปิดตัวในปี 2016) ช่วยให้เชื่อมเส้นมากกว่าสองเส้นเข้ากับจุดเดียวได้ ทำให้สร้างรูปทรงได้ทุกแบบง่ายขึ้น

Hana ยกระดับแนวทางนี้ไปอีกขั้น ด้วยระบบแรกที่ช่วยให้สร้างเวกเตอร์เน็ตเวิร์กสำหรับสภาพแวดล้อมแบบเรียลไทม์ได้

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

## การโต้ตอบและแอนิเมชัน

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

ด้วย Hana การเคลื่อนไหวและการโต้ตอบกลายเป็นส่วนหนึ่งของกระบวนการออกแบบ ไม่ใช่สิ่งที่มาคิดทีหลัง

## ส่งออกและแชร์สำหรับการใช้งานจริง

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

## ยุคใหม่ของการโต้ตอบ

นี่คือสื่อใหม่สำหรับการคิดแบบอินเทอร์แอคทีฟ ไม่ว่าคุณจะออกแบบผลิตภัณฑ์ สร้างสรรค์การโต้ตอบของ UI หรือสร้างประสบการณ์อินเทอร์แอคทีฟที่สมบูรณ์ Hana ช่วยให้ไอเดียของคุณกลายเป็นจริงได้

**Hana คือรากฐานของสิ่งที่จะตามมาอีกมากมาย**

นี่คือก้าวแรกของวิสัยทัศน์ที่กว้างขึ้นของสิ่งที่ตอนนี้คือระบบนิเวศของ Spline ที่การออกแบบ 2D/3D และการโต้ตอบผสานรวมและเผยแพร่ได้อย่างไร้รอยต่อ

เราแทบรอไม่ไหวที่จะได้เห็นสิ่งที่คุณสร้างด้วย Hana!

— ทีม Spline 🌸

[ดูข้อมูลเพิ่มเติม](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

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

[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.