doing a small project to get back into programming

the html is not horrifying at all

it's written in Java and transpiled with TeaVM because I wanted to use JBox2D

the usage of svg means there's no rotation artifacts and everything is infinitely scalable

it looks really nice

i'm a little concerned about the performance

it runs fine on my system in firefox, but yeah this is not exactly efficient

those use elements create an entire shadow dom each

i specifically wanted to not use webgl or canvas so it can be used in locked-down browser configs

the project is called "welon" because i was saying that as short for watermelon when talking about making a suika game clone and i thought it was cute

all the art and the engine is in place, i now need to add user-controlled fruit dropping and more set dressing

just fixed my main performance bottleneck: building the actual css string for the transform

all the time spent now is inside of firefox's css parser which is unfortunate but unsolvable due to the fact these apis are bad

in terms of rendering, firefox is spending a lot of time building new display lists despite the reused geometry

i suppose it's missing heuristics for svg use elements, which isn't really surprising

but it's not that bad

anyway while i was profiling this the rng made two welons

I haven't implemented losing yet so the rng just keeps spawning fruits infinitely

the game can now be played

https://unascribed.com/junk/welon/

source code https://git.sleeping.town/unascribed/welon

a bunch of people are immediately reporting the game is completely broken 🤷

works fine for me in firefox with various viewports

i'll add scoring and make it less broken later

@unascribed also seeing offset problems, which go away if i close firefox's history sidebar. looks like it's using offset from the left edge of the desktop not the left edge of the browser

@codl i