# 3D Projection และเอฟเฟกต์ Noise ใน Hana - Spline blog (https://spline.design/th/blog/hana-3d-projections-noise)

> ใหม่ใน Hana: 3D Projections, Layer Noise และ Noise Glass

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

12 สิงหาคม 2568

# 3D Projection และเอฟเฟกต์ Noise ใน Hana

ใหม่ใน Hana: 3D Projections, Layer Noise และ Noise Glass

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

เราขอประกาศอัปเดตใหม่ที่สานต่อความตั้งใจของเราในการปลดล็อกความคิดสร้างสรรค์ใน Spline Hana ให้มากขึ้น ด้วยฟีเจอร์อย่าง 3D Projections, Layer Noise และ Noise Glass

## 3D Projections

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

ตอนนี้ Hana สามารถ**แปลงเลเยอร์ 2D ใดก็ได้ให้อยู่บนพื้นผิวสามมิติในขั้นตอนเดียว** คุณเลือกฐานได้ระหว่างทรงกลมหรือทรงกระบอก และปรับรัศมีกับความสูง (สำหรับทรงกระบอก) เพื่อควบคุมเอฟเฟกต์ 3D

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

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

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

นี่เป็นครั้งแรกที่คุณทำทั้งหมดนี้ได้แบบเรียลไทม์ ในเวิร์กโฟลว์ที่ไร้รอยต่อและไม่ทำลายงานต้นฉบับ

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

ประสบการณ์ที่สร้างด้วย Hana โดยใช้ 3D Projection

## Layer Noise

Noise อาจเป็นหนึ่งในการค้นพบที่สำคัญที่สุดในวิทยาการคอมพิวเตอร์ เป็นการแทนรูปแบบสุ่มที่ควบคุมได้ด้วยคณิตศาสตร์ ซึ่งช่วยให้จำลองปรากฏการณ์ต่าง ๆ ในธรรมชาติได้ เช่น ไฟ น้ำ เมฆ ภูมิประเทศ ฯลฯ

อยากทำลายพื้นที่ที่แบนราบหรือเพิ่มการเคลื่อนไหวแบบแผ่วเบาใช่ไหม เอฟเฟกต์ Layer Noise ใหม่จะเพิ่มความแปรผันแบบโพรซีเดอรัล (procedural)และการเคลื่อนไหวให้กับพื้นผิวใดก็ได้

เลือกประเภท noise ได้หลากหลาย เช่น Simplex, FBM, Voronoi หรือ Sine เพื่อให้ได้ลุคตั้งแต่เกรนบาง ๆ ไปจนถึงลวดลายหมุนวน

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

ประสบการณ์ที่สร้างด้วย Hana โดยใช้ Layer Noise

## Noise Glass

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

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

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

งานออกแบบกระจกฝ้าที่ใช้เอฟเฟกต์ Noise Glass

## ความเป็นไปได้ใหม่ในการสร้างสรรค์

เราหวังว่าคุณจะสนุกกับฟีเจอร์ใหม่ทั้งหมดที่มาพร้อมกับรุ่นนี้ และเริ่มสร้างสรรค์งานออกแบบใหม่ ๆ ที่น่าตื่นเต้น!

— ทีม Spline

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

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