Niedawno przygotowałam kolejny program w webgl (three.js) rysujący wykresy powierzchni 3d. Tym razem zadanych równaniem uwikłanym typu f(x,y,z) = 0. Właśnie w przypadku takich równań trzeba użyć algorytmu przybliżającego strukturę powierzchni. Idealnym do tego celu jest algorytm maszerujących sześcianów (marching cubes).
Html5
W niniejszym artykule zajmę się implementacją funkcjonalności drag and drop w html5 canvas. Zaczniemy od stworzenia dokumentu html z elementem canvas. Pomiędzy znacznikami script zawrzemy cały skrypt.
Teraz nieco autoreklamy :). Projekty 3d grapher oraz Solar System Simulation zostały dodane na stronę Chrome Experiments.
Poniżej przedstawiam funkcję rysującą wielokąt w html5 canvas. Zakładamy, że points jest tablicą wierzchołków.