Grafika / algorytmy / 2025

CanvasGL

Rasteryzacja trójkątów z interpolacją barycentryczną w HTML Canvas.

Bez AIEnd-to-end delivery

CanvasGraphicsMath

Demo Kod źródłowy

EraBez AI

ZakresGrafika / algorytmy

Sygnałinteraktywne wizualizacje techniczne w przeglądarce

DowódKod + demo

Jak czytać ten projekt

Nie chodzi o sam screenshot. Chodzi o decyzje pod spodem.

Ten pasek porządkuje case study pod kątem klienta: jaki był problem, co zostało dowiezione, gdzie było ryzyko i jaki sygnał daje to przy podobnym zleceniu.

Problem

Zrozumieć rasteryzację nie jako API, ale jako algorytm działający piksel po pikselu.

Artefakt

Demo losujące punkty, tworzące trójkąt i wypełniające go interpolacją barycentryczną.

Decyzje

Logika generuje geometrię, wyznacza obszar trójkąta i oblicza kolor przez współrzędne barycentryczne.

Dowód

Potrafię zejść niżej niż framework i zrozumieć mechanikę.

Case study

Od problemu do działającego systemu.

Zamiast jednej ściany opisu: krótka ścieżka od kontekstu do sygnału, który daje projekt.

01Problem do rozwiązania
02Co zbudowałem
03Architektura
04Moja rola

01 / Kontekst

Problem do rozwiązania

Zrozumieć rasteryzację nie jako API, ale jako algorytm działający piksel po pikselu.

02 / Rozwiązanie

Co zbudowałem

Demo losujące punkty, tworzące trójkąt i wypełniające go interpolacją barycentryczną.

03 / Podejście

Architektura

Logika generuje geometrię, wyznacza obszar trójkąta i oblicza kolor przez współrzędne barycentryczne.

04 / Odpowiedzialność

Moja rola

Samodzielna implementacja algorytmu i wizualizacji w Canvas.

Jak przekładam to na zlecenie

Podobny problem dowiózłbym jako konkretny projekt, nie jako eksperyment bez końca.

CanvasGL jest dowodem technicznego kierunku. Dla klienta zaczynam od zakresu, który można szybko sprawdzić, wdrożyć i świadomie rozwijać.

01 / Scope
Najpierw zawężam ryzyko
Wyciągam z projektu najmniejszy fragment, który naprawdę sprawdza techniczną i biznesową hipotezę.
02 / Build
Potem buduję pionowy slice
Zamiast rozlewać pracę na dziesiątki funkcji, dowożę działającą ścieżkę od UI do danych i deploya.
03 / Handoff
Na końcu zostawiam dalszą drogę
Dostarczam kod, decyzje techniczne, ograniczenia i listę następnych kroków, żeby projekt nie kończył się na demo.

Najtrudniejsze fragmenty

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.

Co to udowadnia

01
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.