[ehhhh]

#programowanie #grafika #gimp #html

mam sobie plik graficzny (powiedzmy że pic rel), w którym chce sobie wydzielić na stronce html klikalne obiekty (kolejne pudełka), które jak kliknę to zmienią kolor - czego najlepiej użyć?

myślałem o .svg i wyznaczeniu ścieżek, ale to kupa roboty żeby każde pudełko obklikać po kolei żeby zapisać coordy (chyba że ktoś poleca tool, który to robi automatycznie po krawędziach)

użycie i nie pozwala na własne css https://stackoverflow.com/a/71075936, zresztą tak samo musiałbym wypisać koordynaty

jeszcze myślałem nad opcją, żeby w jakimś gimpie podzielić to na warstwy .png po kolorze, ale to nie dość że zajedzie network (wczytanie 5 obrazków wysokiej rozdzielczości na raz, a w przyszłości pewnie więcej), to w dodatku i tak nie rozwiązuje problemu wyznacznia hitboxów

[DivusClaudius]

@ehhhh: svg + lottie?

[ehhhh]

@DivusClaudius: nie znam lottie, ale jak wrzucam przekonwertowany .svg to dostaję "Only SVG files without images are supported at this time"

[DivusClaudius]

@ehhhh: Poczytaj, może siądzie. Ja korzystam regularnie ale ja w AF też zrobię te animacje... https://lottiefiles.com/

[ehhhh]

w sumie to znalazłem na to jakis tool https://vectorization.eu/color-svg-converter/

[lukaszw_]

czego najlepiej użyć?

@ehhhh: Robisz pudełko wektorowo w SVG jeden raz. Kolory instancji ustawiasz z poziomu JS.

[ehhhh]

@lukaszw_: Nie, bo będę musiał sobie rozmieścić pudełka sam na pliku i jeśli pudełek nie będzie 5, a 100 to zacznie się robić problem. Chciałem automatyczny tool, który po prostu pozwoli mi wydzielić hitboxy bez jakiegokolwiek ręcznego grzebania w pliku i w sumie automatyczny konwerter na svg daje rade, tylko wcześniej musiałem trochę pokombinować z obrazkiem źródłowym, żeby konwerter dobrze go "zjadł", a następnie wrzuciłem w html przerobiony svg z