โฮมเพจ » Toolkit » สร้างเว็บแอปและกราฟิก 3D ด้วย Whitestorm.js

    สร้างเว็บแอปและกราฟิก 3D ด้วย Whitestorm.js

    เว็บเกม ได้มาไกลขอบคุณ WebGL และ HTML5 APIs ที่เกี่ยวข้อง. ไลบรารีโอเพ่นซอร์สที่โดดเด่นที่สุดสำหรับ 3D คือ Three.js.

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

    Whitestorm มาพร้อมกับมัน เครื่องยนต์ฟิสิกส์ของตัวเอง สร้างขึ้นบนการเรนเดอร์ Three.js สิ่งนี้ช่วยให้คุณสร้างแรงโน้มถ่วงที่สมจริงและเอฟเฟกต์อื่น ๆ ที่คล้ายกันที่วัตถุ โต้ตอบและตอบสนองซึ่งกันและกัน.

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

    นี่คือตัวอย่างรหัสพื้นฐานที่ สร้างสภาพแวดล้อม Three.js ใหม่ ใช้ Whitestorm.

     แอป const = ใหม่ WHS.App ([ใหม่ WHS.app.ElementModule (), // แนบกับ DOM ใหม่ WHS.app.SceneModule (), // สร้างอินสแตนซ์ THREE.Scene ใหม่ WHS.app.CameraModule (), // สร้างอินสแตนซ์ PerspectiveCamera ใหม่ WHS.app.RenderingModule () // สร้างอินสแตนซ์ WebGLRenderer]); app.start (); // เรียกใช้ภาพเคลื่อนไหว 

    คุณสามารถตามธรรมชาติ เพิ่มโมดูลของคุณเอง และแม้กระทั่ง สร้างปลั๊กอิน / ส่วนประกอบ สร้างขึ้นจากห้องสมุดเริ่มต้น รหัส JS รองรับ ECMAScript 6 และควรสนับสนุนการเปลี่ยนแปลงที่จะเกิดขึ้นกับภาษาทั้งหมด.

    เรขาคณิต, ฟิสิกส์, และ การเคลื่อนไหว ทั้งหมดถูกรีดเป็นห้องสมุดเดียว Whitestorm เป็นอนาคตของภาพเคลื่อนไหว 3 มิติสำหรับเว็บ.

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

    แต่ด้วยเอกสารเหล่านั้นคุณสามารถเรียนรู้ทุกอย่างจาก แปลง 3D ไปยัง การดีบักและภาพเคลื่อนไหว 3 มิติโดยละเอียด.

    หากต้องการเรียนรู้เพิ่มเติมเยี่ยมชมเว็บไซต์หลักและเรียกดูตัวอย่างสดๆ เห็นการดำเนินการ Whitestorm. หากคุณกล้าพอที่จะดำน้ำให้ดาวน์โหลดสำเนาของห้องสมุด จาก GitHub หรือ ผ่าน npm และเริ่มสร้างแอปพลิเคชันเว็บ 3D ที่น่าสนใจ.