สร้างเว็บเพจ 3D แบบเล่าเรื่องเชิงพื้นที่ที่ขับเคลื่อนด้วยการเลื่อน โดยใช้พื้นหลังสีดำสนิทและตัวอักษรสไตล์ภาพยนตร์

เมื่อเลื่อนลง ให้เข้าสู่ฉาก 3D: โมเดลสถานีอวกาศรูปวงแหวนสีเทาเงินที่มีรายละเอียดสูงค่อย ๆ หมุนอยู่หน้าฉากหลังของจานสะสมมวลรอบหลุมดำขนาดมหึมา พร้อมแอนิเมชันเผยโครงลวดและเอฟเฟกต์ประมวลผลภาพเรืองแสงภายหลังการเรนเดอร์; การขยับเมาส์จะหมุนกล้องแบบมีแรงเฉื่อย เลื่อนต่อเพื่อเข้าสู่บททฤษฎี ซึ่งข้อความจะทยอยปรากฏทีละคำพร้อมเอฟเฟกต์พารัลแลกซ์ จากนั้นเป็นส่วนภาพยนตร์: วิดีโอการบินผ่านอุโมงค์ในมุมมองบุคคลที่หนึ่งเล่นเต็มหน้าจอ ระหว่างนั้นจะล็อกการเลื่อน และสุ่มตัวอย่างคอนทราสต์ของเฟรมเพื่อสร้างเอฟเฟกต์จุดและเส้นแบบอินเทอร์แอ็กทีฟ หลังวิดีโอจบ ให้เปลี่ยนเข้าสู่ช่วงปิดท้ายพร้อมเครดิต และจบด้วยคำคม

พัฒนาด้วย Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass)

โมเดลหลักในวิดีโอนี้คือโมเดล 3D "Space Station 4" โดย re1monsen จาก Sketchfab และใช้งานภายใต้สัญญาอนุญาต CC BY 4.0 การปรับแต่งทั้งหมด วัสดุ แสง งานกล้อง และฉากอุโมงค์ สร้างโดย K3

สร้างเว็บเพจ 3D แบบเล่าเรื่องเชิงพื้นที่ที่ขับเคลื่อนด้วยการเลื่อน โดยใช้พื้นหลังสีดำสนิทและตัวอักษรสไตล์ภาพยนตร์

เมื่อเลื่อนลง ให้เข้าสู่ฉาก 3D: โมเดลสถานีอวกาศรูปวงแหวนสีเทาเงินที่มีรายละเอียดสูงค่อย ๆ หมุนอยู่หน้าฉากหลังของจานสะสมมวลรอบหลุมดำขนาดมหึมา พร้อมแอนิเมชันเผยโครงลวดและเอฟเฟกต์ประมวลผลภาพเรืองแสงภายหลังการเรนเดอร์; การขยับเมาส์จะหมุนกล้องแบบมีแรงเฉื่อย เลื่อนต่อเพื่อเข้าสู่บททฤษฎี ซึ่งข้อความจะทยอยปรากฏทีละคำพร้อมเอฟเฟกต์พารัลแลกซ์ จากนั้นเป็นส่วนภาพยนตร์: วิดีโอการบินผ่านอุโมงค์ในมุมมองบุคคลที่หนึ่งเล่นเต็มหน้าจอ ระหว่างนั้นจะล็อกการเลื่อน และสุ่มตัวอย่างคอนทราสต์ของเฟรมเพื่อสร้างเอฟเฟกต์จุดและเส้นแบบอินเทอร์แอ็กทีฟ หลังวิดีโอจบ ให้เปลี่ยนเข้าสู่ช่วงปิดท้ายพร้อมเครดิต และจบด้วยคำคม

พัฒนาด้วย Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass)

โมเดลหลักในวิดีโอนี้คือโมเดล 3D "Space Station 4" โดย re1monsen จาก Sketchfab และใช้งานภายใต้สัญญาอนุญาต CC BY 4.0 การปรับแต่งทั้งหมด วัสดุ แสง งานกล้อง และฉากอุโมงค์ สร้างโดย K3.

คงโมเดล โครงสร้าง และการโต้ตอบทั้งหมดเดิมไว้ โดยใช้พื้นหลังสีเข้ม ไฮไลต์โทนอุ่น และข้อความที่อ่านง่าย