Low-Level 3D Graphics with WebGL: Math and Shader Programming

แอปพลิเคชันเว็บสมัยใหม่ต้องการประสบการณ์ภาพประสิทธิภาพสูง แต่การพึ่งพาเอนจิ้นระดับสูงเพียงอย่างเดียวอาจทำให้คุณไม่เข้าใจว่าการเรนเดอร์กราฟิกทำงานอย่างไรอย่างแท้จริง หากต้องการเชี่ยวชาญกราฟิกเว็บ 3 มิติอย่างแท้จริง คุณต้องเข้าใจการสื่อสารระดับต่ำระหว่าง CPU และ GPU หลักสูตรที่เน้นข้อความนี้จะเชื่อมช่องว่างระหว่างคณิตศาสตร์และโค้ดจริง ทำให้คุณควบคุมไปป์ไลน์การเรนเดอร์ได้อย่างสมบูรณ์ คุณจะได้เรียนรู้หลักการพื้นฐานของกราฟิกคอมพิวเตอร์ ตั้งแต่การแปลงเมทริกซ์ไปจนถึงการพัฒนาเชดเดอร์แบบกำหนดเอง ช่วยให้คุณสร้างไปป์ไลน์การเรนเดอร์ได้ตั้งแต่ต้น ด้วยการทำความเข้าใจว่าข้อมูลไหลจากไบต์ต่อไบต์ไปยังการ์ดกราฟิกอย่างไร คุณจะได้รับพื้นฐานที่ลึกซึ้งและไม่ขึ้นกับแพลตฟอร์มในการเขียนโปรแกรมกราฟิก สิ่งที่คุณจะได้เรียนรู้: - เข้าใจพื้นฐานทางคณิตศาสตร์ของกราฟิก 3 มิติ รวมถึงเวกเตอร์ เมทริกซ์ ปริภูมิพิกัด และการแปลงการฉายภาพ - เขียนเชดเดอร์ vertex และ fragment แบบกำหนดเองโดยใช้ GLSL เพื่อควบคุมการประมวลผลรูปทรงเรขาคณิตและพิกเซลบน GPU - กำหนดค่าบัฟเฟอร์ข้อมูลและถ่ายโอนข้อมูลไบนารีจากหน่วยความจำ CPU ไปยัง GPU อย่างมีประสิทธิภาพโดยใช้ JavaScript - ใช้โมเดลแสง วัสดุ และเทคนิคการสร้างพื้นผิวที่จำเป็นเพื่อสร้างฉาก 3 มิติที่สมจริง - ใช้แนวทางปฏิบัติในการปรับปรุงประสิทธิภาพกราฟิกสมัยใหม่ รวมถึงเค้าโครงบัฟเฟอร์ที่มีโครงสร้างและการลดจำนวนการเรียกใช้การวาด - เรียนรู้วิธีการเปลี่ยนแนวคิด WebGL พื้นฐานไปสู่ API กราฟิกเว็บรุ่นต่อไป เช่น WebGPU คุณจะเริ่มต้นด้วยคำศัพท์ที่จำเป็นและแนวคิดทางคณิตศาสตร์หลักก่อนที่จะเจาะลึกการใช้งานโค้ดจริง ผ่านคำอธิบายที่ชัดเจน สแนปเป็ตโค้ด และแบบฝึกหัดเชิงแนวคิดที่มีโครงสร้าง คุณจะได้สร้างไปป์ไลน์การเรนเดอร์ที่แข็งแกร่งทีละขั้นตอน หลักสูตรนี้ออกแบบมาสำหรับนักพัฒนาที่มีความรู้พื้นฐานด้านการเขียนโปรแกรมในภาษาใดก็ได้ และต้องการเจาะลึกกราฟิกส์ระดับต่ำ ไม่จำเป็นต้องมีประสบการณ์มาก่อนกับ WebGL คณิตศาสตร์ขั้นสูง หรือ JavaScript เริ่มอ่านวันนี้เพื่อปลดล็อกพลังของกราฟิกเว็บที่เร่งด้วย GPU