เจาะลึกผลงาน Interactive 3D Animation: จำลองระบบขนส่งน้ำมัน BAFS สำหรับหน้าจอ Touchscreen Kiosk

ชมผลงานการสร้าง Interactive 3D Animation ร่วมกับ Acre8 นำเสนอระบบขนส่งน้ำมัน BAFS ออกแบบสำหรับ Kiosk Touchscreen พร้อมแนวทางการต่อยอดสู่ Web Application ในปัจจุบัน

การอธิบายระบบโครงสร้างพื้นฐานระดับประเทศที่มีความซับซ้อนให้เข้าใจภายในเวลาอันสั้น ถือเป็นความท้าทายของหลายองค์กร โปรเจกต์นี้ Dynamicwork ได้รับความไว้วางใจจากบริษัท Acre8 ให้เป็นผู้ดูแลการผลิตและพัฒนา Interactive 3D Animation เพื่อนำเสนอระบบการจัดการและขนส่งน้ำมันอากาศยานของ BAFS (Bangkok Aviation Fuel Services) โจทย์ที่ท้าทายของโปรเจกต์นี้คือ ผลงานชิ้นนี้ถูกออกแบบมาเพื่อนำไปติดตั้งและใช้งานบน หน้าจอสัมผัส (Touchscreen Kiosk) สำหรับจัดแสดงข้อมูล ดังนั้นการออกแบบ Storyboard และ User Experience (UX) จึงต้องคำนึงถึงการโต้ตอบด้วยการสัมผัส และดึงดูดความสนใจของผู้ใช้งานในพื้นที่จริง

Storytelling: เล่าเรื่องจากภาพกว้าง สู่เจาะลึกระดับปฏิบัติการ

เพื่อให้ผู้ชมที่หน้าตู้ Kiosk เห็นภาพรวมของระบบขนส่งน้ำมันที่เชื่อมโยงกันทั้งประเทศ การออกแบบแอนิเมชันจึงถูกแบ่งออกเป็น 3 เฟสหลักที่ลื่นไหลต่อเนื่องกัน:

Phase 1: Macro View (จากท้องฟ้าสู่เส้นทางระดับประเทศ) เปิดตัวด้วยภาพมุมกว้างเหนือเมฆ ก่อนที่กล้องจะพาดิ่งลงมาสู่ภาพแผนที่ประเทศไทย (Zoom in) แสดงจุดกำเนิดของระบบท่อส่งน้ำมันจาก 3 แหล่งสำคัญ ได้แก่ ศรีราชา, ระยอง และมักกะสัน กราฟิกจะแสดงเส้นทางการไหลเวียนของน้ำมันมารวมกันที่คลังของ BAFS

Phase 2: Micro View (เจาะลึกระบบคลังน้ำมันและท่อใต้ดิน) กล้องซูมเข้าสู่พื้นที่คลังน้ำมัน (Tank Farm) ผู้ชมจะได้เห็นภาพมุมโคจร (Orbit) รอบถังเก็บน้ำมันขนาดใหญ่ ก่อนดำดิ่งลงไปดูการทำงานภายในท่อส่งน้ำมันใต้ดินแบบ Cross-section แสดงกราฟิกการไหลของน้ำมัน

Phase 3: Operation (สู่การเติมน้ำมันเครื่องบินจริง) แอนิเมชันนำกล้องทะยานพ้นขึ้นมาเหนือผิวดิน เข้าสู่กระบวนการที่รถขนส่งน้ำมันเข้าเชื่อมต่อระบบและเติมน้ำมันให้กับเครื่องบินโดยสาร ปิดท้ายด้วยภาพเครื่องบินเทคออฟทะยานขึ้นสู่ท้องฟ้า

พลังของ Touch Interactive: สำรวจข้อมูลด้วยปลายนิ้ว

จุดเด่นของการทำระบบลง Kiosk คือการให้ผู้ชมเป็นผู้ควบคุมจังหวะการรับข้อมูล แอนิเมชันจะมีการหยุดพักในจุดที่สำคัญ เพื่อให้ผู้ใช้งานใช้นิ้วสัมผัสบนหน้าจอเพื่อเจาะลึกข้อมูล:

• Interactive Routing Map: สามารถแตะที่ไอคอนแหล่งจ่ายน้ำมันแต่ละแห่งบนแผนที่ เพื่อแสดง Pop-up ข้อมูลระยะทางของท่อส่งน้ำมัน
• Interactive Tank Farm: ผู้ใช้สามารถแตะดูรายละเอียดของถังเก็บน้ำมันแต่ละใบ เช่น ความจุ, ระบบดับเพลิง (Fire Fighting Facilities), ระบบกล้องวงจรปิด, ระบบตรวจจับการบุกรุก และข้อมูลเชิงลึกของปั๊มน้ำมันไฮแดรนท์

จากตู้ Kiosk Interactive 3D Animation สู่การแสดงผลบนหน้าเว็บ (Web Adaptation)

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

ยกระดับงาน Interactive สู่ยุค WebGL และ HTML5

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

ในปัจจุบัน เราสามารถยกระดับงานพรีเซนเทชันรูปแบบ Kiosk หรือ Interactive Animation ให้ทรงพลังยิ่งขึ้นด้วยเทคโนโลยี WebGL, Three.js หรือ HTML5 ที่ให้ภาพ 3 มิติสวยงาม สมจริง และปรับขนาดได้ (Responsive) ไม่ว่าจะนำไปลงตู้ Kiosk รุ่นใหม่ หรือแสดงผลบนเว็บไซต์องค์กร

หากบริษัทหรือเอเจนซี่ของคุณกำลังมองหาทีม Production (Outsource) ที่มีประสบการณ์ ในการออกแบบสื่อพรีเซนเทชันเชิงโต้ตอบ Dynamicwork พร้อมเป็นส่วนหนึ่งในการขับเคลื่อนโปรเจกต์ของคุณให้สำเร็จ

สนใจพัฒนา Interactive Animation หรืองานสำหรับ Kiosk ติดต่อพูดคุยกับเราได้ที่:

📍 บริษัท ไดนามิคเวิร์ค จำกัด 100/193 หมู่ 6 ต.พันท้ายนรสิงห์ อ.เมือง จ.สมุทรสาคร 74000

📞 โทรศัพท์: 085-162-4041
✉️ อีเมล: contact@dynamicwork.co.th
👥 Facebook: Dynamicwork
💬 Line Official: @dynamicwork

✉️ ส่งข้อความหาเรา (Send a Message)