Logowanie

Javascript, niska jakość zdjęć

pytanie zadane 26 lipca 2019 w JavaScript przez hamilkar Początkujący (370 p.)

Dokonałem grę snake w javascripcie, niestety użyte zdjęcia powiedzmy 100 na 100 w px po zminiaturyzowaniu do powiedzmy 20 na 20 w px są kompletną pikselozą i aż oczy bolą. Robiłem kiedyś podobną gierkę ale w Javie, i tam tego problemu rysując na canvasie nie miałem więc zakładam że jest jakiś sposób by ominąć ten problem w js tylko za bardzo nie wiem jaki - jakich używacie bibliotek/frameworków by ominąć takie efekty?

1 odpowiedź

odpowiedź 27 lipca 2019 przez smokolisz Mądrala (6,340 p.)
wybrane 27 lipca 2019 przez hamilkar

Najlepsza

Do robienia gier w canvasie polecam biblioteke PixiJS. To moje kilka gier z tą biblioteką:
http://fx-team.fulara.com/team/adam/pixi2/
http://fx-team.fulara.com/team/adam/asteroids/
http://fx-team.fulara.com/team/adam/gra/
https://tim-bunnyhug-29539.herokuapp.com/ (multiplayer)

Prawdopodobnie twój obrazek jest rozmyty bo współrzędne twojego sprite'a nie są liczbą całkowitą przez co canvas używa antialiasingu i rozmywa twój obrazek. Rozwiązaniem jest użycie Math.round() lub innej funkcji do zaokrąglania.
Więcej o tym:
https://www.html5rocks.com/en/tutorials/canvas/performance/#toc-avoid-float

komentarz 27 lipca 2019 przez hamilkar Początkujący (370 p.)

Dziękować :D

Podobne pytania

0 głosów

1 odpowiedź 152 wizyt

Stable diffusion, niska jakość obrazu podłóg każdego modelu

pytanie zadane 17 września 2023 w Systemy operacyjne, programy przez Sefinek Obywatel (1,710 p.)

0 głosów

1 odpowiedź 170 wizyt

Niska i wysoka jakość filmu

pytanie zadane 30 stycznia 2020 w Grafika i multimedia przez KosaTV Obywatel (1,260 p.)

0 głosów

1 odpowiedź 196 wizyt

Da się poprawić jakość rysowanie zdjęć w SFML?

pytanie zadane 6 kwietnia 2021 w C i C++ przez Capablanka Początkujący (320 p.)

...