WebGPU Unleashed: व्यावहारिक ट्यूटोरियल - इंटरैक्टिव मुफ़्त eBook

 (shi-yan.github.io)
24 पॉइंट द्वारा GN⁺ 2024-08-05 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • JavaScript का उपयोग करके WebGPU graphics programming पर आधारित एक मुफ़्त eBook
  • यह किताब लिखने की वजह
    • एक दोस्त के बच्चे ने पूछा कि graphics programming शुरू करने के लिए क्या सीखना चाहिए
    • पहले OpenGL और DirectX को शुरुआती लोगों के लिए सुझाया जाता था
    • हाल के वर्षों में Vulkan, Metal, DirectX 12 जैसे नए API आए हैं, लेकिन इनमें code ज़्यादा जटिल है और ये platform के अनुसार अलग-अलग हैं
  • WebGPU वेब पर native graphics capabilities देने वाला एक नया graphics API है
    • दूसरे API से अलग, WebGPU कई API के wrapper की तरह काम करता है
  • WebGPU के फायदे:
    • दूसरे API के common denominator के रूप में यह अपेक्षाकृत सरल है
    • वेब graphics API standard होने के कारण यह सभी platform पर इस्तेमाल किया जा सकता है
    • native development में रुचि रखने वालों के लिए C++ और Rust implementation भी उपलब्ध हैं
  • शुरुआत GPU driver और GPU pipeline के overview से होती है
    • कई छात्र सरल graphics application बना लेते हैं, लेकिन GPU driver और hardware interaction की समझ कम होती है
  • इसके बाद WebGPU का बुनियादी उपयोग सीखा जाता है
    • triangle draw करना: 3D graphics का बुनियादी तत्व
    • 2D rendering techniques और 3D scene control
  • उन्नत विषय
    • WebGPU का उपयोग करके GPU computing और advanced rendering techniques समझाई गई हैं
    • WebGL में जो संभव नहीं था, वह अब वेब पर GPU computing के रूप में संभव हो गया है
    • GPU AI inference जैसी रोचक संभावनाएँ खुलती हैं
  • अंतिम ट्यूटोरियल: Gaussian Splatting rendering
    • GPU computing और rendering को जोड़ने वाला एक जटिल उदाहरण
    • Gaussian Splatting एक आधुनिक तकनीक है, जिससे यथार्थवादी 3D scene को real-time में render किया जा सकता है
  • पारंपरिक किताब की जगह इसे interactive web format में दिया गया है
    • वीडियो के ज़रिए concept explanation, links के माध्यम से reference citation, और code sample को चलाने व बदलने के लिए online playground उपलब्ध है

GN⁺ की संक्षिप्त प्रस्तुति

  • "WebGPU Unleashed" एक मुफ़्त किताब है, जिससे JavaScript के साथ WebGPU graphics programming आसानी से सीखी जा सकती है
  • WebGPU कई graphics API का common denominator होने के कारण अपेक्षाकृत सरल है और सभी platform पर इस्तेमाल किया जा सकता है
  • किताब GPU driver और pipeline overview से शुरू होकर बुनियादी triangle drawing, 2D और 3D rendering techniques, और advanced GPU computing तक जाती है
  • Gaussian Splatting जैसी आधुनिक तकनीकों के ज़रिए यथार्थवादी 3D scene को real-time में render करने का तरीका सीखा जा सकता है
  • interactive web format में उपलब्ध होने के कारण वीडियो, links और online playground के माध्यम से सीखने का प्रभाव बढ़ता है

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2024-08-05
Hacker News की राय

  • WebGPU प्रोजेक्ट पर काम करते समय बहुत-सी जानकारी ढूँढना मुश्किल था

    • WGSL भाषा और JS API अच्छी तरह documented हैं, लेकिन संबंधित सवालों के जवाब ढूँढने के लिए काफी मेहनत करनी पड़ती है
    • Firefox में कई bugs report किए, और कुछ समस्याएँ ठीक की जानी हैं

  • जो लोग WebGPU में गहराई से जाना चाहते हैं, उनके लिए यह बहुत प्रभावशाली और दिलचस्प है

    • Safari में playground code पूरी तरह काम नहीं करता
    • Safari को restart करने पर समस्या हल हो गई
    • अच्छा होगा अगर किताब का कवर examples के अनुसार बदलता रहे

  • WebGPU सीखने के लिए एक छोटा game prototype शुरू करने की सोच रहा हूँ

    • इस किताब के ज़रिए सीखना शुरू करने की योजना है

  • Hyperlinked code playground का concept शानदार है

    • किताब की सामग्री भी बेहतरीन है
    • इसे side project के रूप में बनाने के लिए बधाई और धन्यवाद

  • शानदार किताब के लिए धन्यवाद

    • mobile viewport में, खासकर Firefox पर, rendering issues हैं
    • navigation टूट जाता है और content scroll ठीक से काम नहीं करता

  • यह बहुत शानदार है और लगता है इसमें बहुत बड़ा effort लगा है

  • सलाह कि प्रोजेक्ट पूरी तरह खत्म न हुआ हो तब भी खुद को बहुत दोष न दें

    • community की मदद से इसे बेहतर बनाया जा सकता है

  • सवाल कि Firefox में WebGPU default रूप से enabled क्यों नहीं है

  • मुफ्त में उपलब्ध इतनी अच्छी सामग्री के लिए धन्यवाद

    • एक युवा व्यक्ति ऐसी ही resource ढूँढ रहा था
    • यह पसंद आया कि फोकस video पर है और इसे सच में दिलचस्प बनाया गया है
    • educational content और video production के ज़रिए financial support पाने के तरीकों का सुझाव दिया