Liquid Glass และ 3D ใน Hana

เปิด Hana

วันนี้เราขอประกาศอัปเดตครั้งใหญ่ของ Hana ที่มาพร้อมฟีเจอร์ล้ำหน้าอย่าง Liquid Glass แบบเรียลไทม์, 3D Transform, Autolayout และ Video Layers

Liquid Glass ใน Hana

นับตั้งแต่เปิดตัว iOS 26 เอฟเฟกต์ Liquid Glass ก็ได้รับความสนใจจากวงการออกแบบเป็นอย่างมาก ตอนนี้คุณสามารถใช้เอฟเฟกต์นี้กับเลเยอร์วัตถุใดก็ได้ใน Hana

คุณสามารถแก้ไขพารามิเตอร์ของกระจก เช่น Distortion เพื่อควบคุมระดับการหักเหของแสง

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

กระจกที่ซ้อนกันได้

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

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

3D Transform

การเปลี่ยนจาก 2D ไปเป็น 3D เป็นความท้าทายมาโดยตลอด เมื่อเราเริ่มพัฒนาฟีเจอร์นี้ เรารู้ว่าต้องการให้สลับไปมาระหว่าง 2D และ 3D ได้อย่างไร้รอยต่อโดยไม่สูญเสียอะไรระหว่างทาง

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

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

เฟรมและพอร์ทัล 3D

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

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

Autolayout

ตอนนี้ Hana รองรับเลย์เอาต์ที่มีพารามิเตอร์ทำแอนิเมชันได้ทั้งหมด คุณสามารถสร้างเลย์เอาต์ทั้งแนวตั้งและแนวนอน พร้อมปรับระยะขอบด้านใน (padding) และช่องว่าง (gap) ได้

เลย์เอาต์ทำงานร่วมกับอีเวนต์และสเตต และอัปเดตแบบเรียลไทม์เพื่อเพิ่มการโต้ตอบ

เรายังเพิ่มการรองรับเลย์เอาต์แบบ masonry ซึ่งคล้ายกับเลย์เอาต์แบบคอลัมน์ของ Pinterest

Video Layers

ตอนนี้คุณสามารถฝังวิดีโอลงในเลเยอร์ใดก็ได้ใน Spline Hana อย่างง่ายดาย ซึ่งสะดวกมากเมื่อสร้างงานนำเสนอแบบอินเทอร์แอคทีฟหรือออกแบบงานโมชัน แค่สลับไปที่ Video Layer ในแผง Fill แล้วอัปโหลดหรือลากวางวิดีโอของคุณ

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

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

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

— ทีม Spline

เปิด Hana