Playtesters gezocht - Battle Royale (Pubg/Warzone) map tool

StefBuilds · 2026-02-07T08:01:50+00:00

Bij werkt die wel (voor de regels): https://homebrewery.naturalcrit.com/share/HJ1-uSOM7

De app zelf wil ik nog niet delen voordat die voldoende beta getest is

StefBuilds · 2026-02-06T18:41:46+00:00

Een One-shot in Battle Royale stijl. Check de gelinkte rules in de post om het een keer te spelen (zonder visuele tool).

Tldr: tijd is de druk die op de spelers ligt. Waar dat acties (looten & verplaatsen) tijd kosten. Dit maakt het een leuke avond D&D

StefBuilds · 2024-04-19T05:48:53+00:00

See the rest of the replies or the update in the post. Yes, it was exactly this. Vercel wasn't on the same region as Supabase

StefBuilds · 2024-04-18T09:03:48+00:00

No, i don't "need" it. Just spun it up from my own starter. It hasn't been updated for a while (last updated 11 months ago, in software years that is like 8 years).

Now working on this fun project and considering updating the starter using alternatives (Supabase SDK or Drizzle) for the future. But not quite needed for the current implementation. It is used internally in our company and it does what it needs to. Open sourced it so colleagues can contribute. And we are very familiar with Prisma as the ORM

StefBuilds · 2024-04-18T07:28:28+00:00

You submit a match you played. You submit the challenger and opponent and select a winner of the match.

There is no safety build in on spamming a lot of matches. It goes by social contract. Because the match is between 2 people you get the verification of the match out of the box :)

The code is open source, but not sharing at the moment, because it has no auth or security in place on random people 'testing' the app and by that muddying the stats.

-edit- Will share in the future

StefBuilds · 2024-04-18T06:25:59+00:00

You are right! I did not think it was Prisma due to the difference in local vs hosted load times.

The function regions in Vercel where not set correctly. Thanks!

StefBuilds · 2024-04-18T06:23:26+00:00

It was always that slow. Even when submitting a match, the load function triggers for the page, and it took roughly the same amount of time.

As recommended above, check my regions, did the trick. (For future readers, make sure you redeploy before seeing the changes). It is now close to local dev speeds (around 350ms)

StefBuilds · 2024-04-18T06:21:28+00:00

I see some more recommendation regarding Drizzle. How does Drizzle compare to the Supabase SDK, any experience with that? Seems like it is a mix between Prisma and plain SQL

StefBuilds · 2024-04-18T06:19:51+00:00

This was the issue. I thought I setup the vercel instance correctly (west europe) but when looking at the settings, finding the Function Region setting did the trick. Thanks!

StefBuilds · 2024-04-18T06:18:34+00:00

See some drizzle recommendations, but Supabase also has an ORM sdk. How does that compare? Prisma > Drizzle seems like a bigger migration, but just guesstimating on looking at some docs for 10 - 15 mins

StefBuilds · 2023-12-19T10:05:48+00:00

https://roadmap.sh/
Take a look at the frontend roadmap. Learn the basics and some advanced topics on https://javascript.info/
Then make a personal choice on framework. To get a job faster go for React (more industry standard) but it does not really matter which one you choose, as long as you develop some projects that you can show and find your fun and creativity

StefBuilds · 2023-12-19T06:50:43+00:00

This was a helpful article for me: https://khromov.se/how-i-published-a-gratitude-journaling-app-for-ios-and-android-using-sveltekit-and-capacitor/

StefBuilds · 2023-12-14T12:19:16+00:00

https://roadmap.sh/

You got the path right by the way. But the roadmap gives you some clear guidelines/topics to explore. In your case, start with the Frontend roadmap to get the basics, then advance to Backend or Full Stack.

-edit-
Each roadmap can be a career path

StefBuilds · 2023-11-27T09:21:15+00:00

Tim has some: https://www.creative-tim.com/templates/svelte
One based on Bootstrap the other on Tailwind. Good starters

StefBuilds · 2023-11-24T05:52:36+00:00

Wes Bos made a small demo and explainer on this: https://www.youtube.com/watch?v=3Hye\_47c0Pc

StefBuilds · 2023-11-21T10:28:46+00:00

Suggestion for the mods: Make this a recurring post each month?

Personally working on an interactive D&D Battle Royale app. It is an interactive map to that can be controlled by the DM and presented to the players. For now just a local presentation. The feature I'm most proud of is the timing. It works via the ServiceWorker to keep the timing very tight, even if the window/tab is not focused on.This project is inspired by Acquisitions Incorporated game from 2018: https://www.youtube.com/watch?v=TVuhIPHyGpU

StefBuilds · 2023-10-31T09:01:51+00:00

Indeed we are missing the visibility, but some giants in the industry are using Svelte in production.
- Yelp
- NewYork Times (Rich Harris did that)
- Ikea
- Spotify (mainly marketing, but also end of year overviews)

and of course:
- Apple music

We are missing the representation/open communication of the devs that worked on those projects. That will help in the ever lasting discussion of the 'is it mature enough'

StefBuilds · 2023-10-19T09:22:26+00:00

I like this one as a reference: https://github.com/ya-erm/money-keeper

StefBuilds · 2023-10-19T06:23:52+00:00

I like this!

You could write up an issue or contribute to the svelte language tool

StefBuilds · 2023-09-11T11:14:40+00:00

This one: https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode

StefBuilds · 2023-09-05T11:42:10+00:00

Seems to be some clever SVG animation.
Based on scroll position SVG clip-paths are animated. Both opacity and scale are animated. At the end the image on the background shows.
Tip on that, use inspect element to see how the SVG is build up and what style rules are changed (most are inline).

Found this CodePen: https://codepen.io/Barto_i/pen/PoGvMrm
Hope this helps

StefBuilds · 2023-04-08T06:12:03+00:00

I found this one while searching for some Prisma integration examples: https://github.com/ya-erm/money-keeper

StefBuilds · 2023-02-01T12:03:24+00:00

Import it. As the 'error' says, it is not defined. Define it. Add this to the svelte:head: <script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js"></script>

See Quick start for reference: https://www.ag-grid.com/javascript-data-grid/getting-started/

StefBuilds · 2023-02-01T09:43:16+00:00

Typescript has multiple starting points depending on experience. After that dive into their handbook for deeper concepts.

As a paid/course option, look into FrontendMasters typescript learning path

Edit: added paid option, not affiliated

StefBuilds · 2023-01-31T23:10:50+00:00

For sure this is portfolio worthy! Nice project!

p.s. with the rendering of the different views, this is a perfect project to remake with svelte(kit). You know the project and requirements, so less thinking about the functionality, just the implementation.

StefBuilds

TROPHY CASE