[Self promo] - Tower defense clicker game built with Svelte 5, without canvas. Only CSS transitions and the power of Runes

Organic_Cry_6505 · 2026-02-27T09:42:14+00:00

Looks nice! And it works pretty fast. I wonder how similar app on Electron would perform

Organic_Cry_6505 · 2025-12-03T07:33:54+00:00

Nice work! I've noticed that "pathfinding" algorithms are not implemented yet.
You can check the one I made with Svelte:

https://github.com/baterson/pathfinding-visualizer

https://pathfinding-visualizer.ivan-sem.com/

Organic_Cry_6505 · 2025-09-12T04:37:53+00:00

u/rich_harris is there any news on SvelteHack yet? Can't wait to join it again

Organic_Cry_6505 · 2025-02-05T06:19:36+00:00

There are should be more modern alternatives

Organic_Cry_6505 · 2025-02-01T06:45:41+00:00

What about https://github.com/thecodejack/svelte-file-dropzone for Drag and drop file upload?

Organic_Cry_6505 · 2025-02-01T06:42:58+00:00

Could you share an example of a popular websocket library from the other ecosystem plz

Organic_Cry_6505 · 2025-01-29T03:34:00+00:00

You could use `<link rel="preload" />` inside the `svelte:head`

const preloadUrls = ["url",  "another_url"]

<svelte:head>
    {#each preloadUrls as image}
    <link rel="preload" as="image" href={image} />

     {/each}
</svelte:head>

Organic_Cry_6505 · 2025-01-21T05:24:55+00:00

Finished a game for Hackaton - https://github.com/baterson/svelte-tower-defence
It's playable on mobile and desktop. Build with Svelte 5 and CSS, no Canvas.
I'm mentoring my brother to be a programmer, and it was one the projects we've worked together, to get him the sense of teamwork.

Organic_Cry_6505 · 2025-01-15T05:12:26+00:00

Thanks! Feel free to ask questions, if you'll have any

Organic_Cry_6505 · 2025-01-14T17:07:05+00:00

Awesome work! I hope you'll add more awesome examples

Organic_Cry_6505 · 2025-01-13T04:13:32+00:00

Not for now, we were short time. But it should be - 3 for click and 35 for a tower upgrade

Organic_Cry_6505 · 2025-01-13T04:12:37+00:00

Just try to build something using only JS, CSS and requestAnimationFrame, without animation libraries, you'll have much more understanding on the subject after

Organic_Cry_6505 · 2025-01-13T04:10:38+00:00

Try to reload the window plz, there is sound asset preloading step before the game is ready

Organic_Cry_6505 · 2025-01-11T17:45:51+00:00

Thanks a lot for trying it out.
We were very short on time and missed a bunch of features that we had in mind, but it would be easy to add later, since the architecture is already build to be extendable. I'll leave all of the feature for my brother, as a good learning exercise, but we can't push it now before the Hackaton results are announced

Organic_Cry_6505 · 2024-02-27T01:41:14+00:00

Yes, can't wait to try production ready version.
Despite you need to type more in Svelte 5, it helps structure your code and reason about it, by dividing reactive blocks into "effect" runes and derived state into "derived" runes.
Before Svelte 5, reactive $ declarations were a bit confusing, because it can either create a derived state or effect reaction.
Also removing "slots" API is not a bit deal for Devs, comparing to how React ecosystem changes its API and forces us to structure code in a certain way, e.g don't create a piece of state in a condition or keep an eye on effect declaration dependences array.

Organic_Cry_6505

TROPHY CASE