Grafika / algorytmy / 2025

CanvasGL

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

Bez AIEnd-to-end delivery
CanvasGraphicsMath
EraBez AI
ZakresGrafika / algorytmy
Stack2 obszary
DowódKod + demo

Case study

Od problemu do działającego systemu.

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.

Najtrudniejsze fragmenty

To są miejsca, gdzie projekt naprawdę testował myślenie.

  1. 01

    Myślenie w układzie pikseli i współrzędnych.

  2. 02

    Interpolacja wartości wewnątrz geometrii.

Co to udowadnia

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.

Napisz email