A feature I’d like to see in Hopscotch is having rounded rectangles too, not only a rounded square
I’d use it for this type of project: any project requiring sketching rounded square (and therefore having ugly unround corners, which defeats the purpose of rounded polygons)
of course having the editor automatically round correctly the image would be even more awesome, but --might be wrong right here-- since because rounded square is only an image, hopscotch is unable to re-round it correctly after resizing it. So having one or multiple different width rounded rectangles would be the solution here
Yeah, it’s only a PNG image, so it cannot be rounded correctly. The only way to do that would be to split the image up into 9 sections, and can all be sized individually…
I think having a block that could change the roundness of shapes would be better, but again, since they are only PNG image, that’ll be hard to pull off… if they were shapes generated by JS code (or is that only CSS?), then maybe…
actually, i found that hopscotch shapes are svg made. so i was wondering (never worked with svg in js coding so i rly dont know) @t1_hopscotch if it was possible for the player to automatically correct the svg edges of rounded squares? if theres a way, thatd be awesome!! if not, its fine too :)
So, SVG (aka Scaleable Vector Graphics) is an XML-based vector image format for defining two-dimensional graphics, having support for interactivity and animation.
But the thing about using SVGs is that a large object using this format can be extremely laggy, which is why it’s been better to use PNG images (which is also why the shapes look blurry when scaled very large).
It would also explain why large text made a project lag like crazy…
There is a video that explains SVG and how to use it (just search “svg in js” on you.tube)
