WebGPU Unleashed: Tutorial Praktis - e-book Gratis Interaktif

 (shi-yan.github.io)
24 poin oleh GN⁺ 2024-08-05 | 1 komentar | Bagikan ke WhatsApp
  • E-book gratis yang membahas pemrograman grafis WebGPU menggunakan JavaScript
  • Alasan menulis buku ini
    • Seorang teman bertanya apa yang harus dipelajari anaknya untuk mulai belajar pemrograman grafis
    • Di masa lalu, OpenGL dan DirectX direkomendasikan untuk pemula
    • Belakangan ini muncul API baru seperti Vulkan, Metal, dan DirectX 12, tetapi kode mereka lebih kompleks dan berbeda tergantung platform
  • WebGPU adalah API grafis baru yang menyediakan kemampuan grafis native di web
    • Berbeda dari API lain, WebGPU berperan sebagai wrapper untuk beberapa API
  • Kelebihan WebGPU:
    • Relatif sederhana sebagai penyebut bersama dari berbagai API lain
    • Dapat digunakan di semua platform sebagai standar API grafis web
    • Implementasi C++ dan Rust juga tersedia bagi mereka yang tertarik pada pengembangan native
  • Dimulai dari gambaran umum tentang driver GPU dan pipeline GPU
    • Banyak pelajar dapat membuat aplikasi grafis sederhana, tetapi kurang memahami interaksi antara driver GPU dan perangkat keras
  • Lalu mempelajari penggunaan dasar WebGPU
    • Menggambar segitiga: elemen dasar grafis 3D
    • Teknik rendering 2D dan pengendalian adegan 3D
  • Topik lanjutan
    • Menjelaskan komputasi GPU dan teknik rendering tingkat lanjut dengan WebGPU
    • Komputasi GPU di web yang tidak mungkin dilakukan di WebGL kini menjadi mungkin
    • Membuka kemungkinan menarik seperti inferensi AI di GPU
  • Tutorial terakhir: rendering Gaussian Splatting
    • Contoh kompleks yang menggabungkan komputasi GPU dan rendering
    • Gaussian Splatting adalah teknologi terbaru yang memungkinkan rendering adegan 3D realistis secara real-time
  • Disediakan dalam format web interaktif alih-alih buku tradisional
    • Menyediakan penjelasan konsep melalui video, kutipan referensi melalui tautan, dan playground online untuk menjalankan serta memodifikasi contoh kode

Ringkasan GN⁺

  • "WebGPU Unleashed" adalah buku gratis yang memudahkan pembelajaran pemrograman grafis WebGPU menggunakan JavaScript
  • WebGPU relatif sederhana sebagai penyebut bersama dari berbagai API grafis dan dapat digunakan di semua platform
  • Buku ini dimulai dari gambaran umum driver dan pipeline GPU, lalu membahas menggambar segitiga dasar, teknik rendering 2D dan 3D, hingga komputasi GPU tingkat lanjut
  • Melalui teknologi terbaru seperti Gaussian Splatting, pembaca dapat mempelajari cara merender adegan 3D realistis secara real-time
  • Disajikan dalam format web interaktif sehingga meningkatkan efektivitas belajar melalui video, tautan, dan playground online

Bacaan terkait

1 komentar

 
GN⁺ 2024-08-05
Pendapat Hacker News

  • Saat mengerjakan proyek WebGPU, sulit menemukan banyak informasi

    • Bahasa WGSL dan API JS memang terdokumentasi dengan baik, tetapi perlu banyak usaha untuk menemukan jawaban atas pertanyaan terkait
    • Sudah melaporkan beberapa bug di Firefox, dan ada beberapa masalah yang perlu diperbaiki

  • Sangat mengesankan dan menarik bagi orang yang ingin mendalami WebGPU

    • Kode playground tidak berfungsi sepenuhnya di Safari
    • Masalah teratasi setelah Safari dimulai ulang
    • Akan lebih baik jika sampul bukunya berubah mengikuti contoh

  • Berencana memulai prototipe game kecil untuk mempelajari WebGPU

    • Akan mulai belajar melalui buku ini

  • Konsep playground kode yang ditautkan dengan hyperlink sangat fantastis

    • Isi bukunya juga luar biasa
    • Menyampaikan selamat dan terima kasih karena ini dikerjakan sebagai side project

  • Terima kasih untuk bukunya yang luar biasa

    • Ada masalah rendering di viewport seluler, terutama di Firefox
    • Navigasi rusak dan konten tidak bisa di-scroll dengan baik

  • Sangat keren dan tampaknya membutuhkan usaha yang besar

  • Saran agar tidak terlalu menyalahkan diri sendiri meskipun proyeknya belum benar-benar selesai

    • Bisa ditingkatkan dengan bantuan komunitas

  • Pertanyaan tentang alasan WebGPU tidak diaktifkan secara default di Firefox

  • Terima kasih atas banyak konten bagus yang tersedia secara gratis

    • Orang muda sedang mencari sumber daya seperti ini
    • Menyukai fokus pada video dan cara penyajiannya yang benar-benar menarik
    • Mengusulkan cara untuk mendapatkan dukungan finansial melalui pembuatan konten edukasi dan video