Grafika / algorytmy / 2025
CanvasGL
Rasteryzacja trójkątów z interpolacją barycentryczną w HTML Canvas.
Case study
Od problemu do działającego systemu.
Problem do rozwiązania
Zrozumieć rasteryzację nie jako API, ale jako algorytm działający piksel po pikselu.
Co zbudowałem
Demo losujące punkty, tworzące trójkąt i wypełniające go interpolacją barycentryczną.
Architektura
Logika generuje geometrię, wyznacza obszar trójkąta i oblicza kolor przez współrzędne barycentryczne.
Moja rola
Samodzielna implementacja algorytmu i wizualizacji w Canvas.
To są miejsca, gdzie projekt naprawdę testował myślenie.
- 01
Myślenie w układzie pikseli i współrzędnych.
- 02
Interpolacja wartości wewnątrz geometrii.
Potrafię zejść niżej niż framework i zrozumieć mechanikę.
Projekt zbudowany ręcznie przed erą powszechnego AI-assisted codingu. Pokazuje samodzielne rozumienie problemu, debugowanie i dowożenie bez gotowych odpowiedzi z narzędzi AI.
Następny krok
Masz podobny problem do dowiezienia?
Napisz krótko, co chcesz zbudować. Najpierw uporządkuję problem, potem zaproponuję sensowną architekturę i pierwszy działający zakres.