[Ucz się z VSCode] Wprowadzenie do TypeScript #43 WebGL
Ten film wyjaśnia WebGL w TypeScript
Przedstawimy koncepcję WebGL, jego minimalną konfigurację, renderowanie, rozszerzenia oraz projektowanie klas krok po kroku z przykładowym kodem
✅ Zasubskrybuj kanał tutaj
https://youtube.com/channel?sub_confi...
📝 URL bloga
https://codesparklab.com/pl/typescrip...
💡 Lista odtwarzania dla tej serii
• [Ucz się z VSCode] Wprowadzenie do TypeScript
🕐 Zawartość wideo
00:00 Początek
00:34 WebGL w TypeScript
01:14 - Minimalna konfiguracja WebGL
01:41 - Uzyskiwanie Canvas i kontekstu WebGL
02:12 - Czyszczenie ekranu w celu potwierdzenia działania WebGL
02:39 - Czym jest shader?
03:04 - Pisanie shaderu wierzchołków
03:30 - Pisanie shaderu fragmentów
03:54 - Tworzenie funkcji do kompilacji shaderów
04:24 - Tworzenie programu (zestawu shaderów)
04:56 - Przygotowywanie danych wierzchołków
05:19 - Tworzenie bufora i przesyłanie go do GPU
05:48 - Powiązanie atrybutu z buforem
06:03 - Renderowanie
06:48 - Projektowanie klas z WebGL
07:15 - Polityka projektowa (Minimalistyczna, ale praktyczna)
07:43 - Klasa wejściowa aplikacji WebGL
08:27 - Klasa do zarządzania shaderami
09:28 - Klasa do zarządzania meshami (danymi wierzchołków)
10:12 - Punkt wejścia (Przykład użycia)
10:57 - Praktyczne wskazówki dotyczące pisania WebGL w TypeScript
#TypeScript #Podstawy