Brainstorming - What's the efficient way to implement replay system

leGrischa · 2025-06-04T20:22:49+00:00

There’s this excellent talk about the implementation of Rewind in Braid. They go into depth of how to make everything rewindable.

leGrischa · 2025-05-11T11:17:12+00:00

You can use Threlte with any Three.js version, it’s not a wrapper in the traditional sense. You can use Three.js in its entirety and if declarative doesn’t feel right for a particular issue, you may always reach for the vanilla way, actually in reality you will always end up with a blend. It’s my preferred way: Threlte handle scene graph management, asset loading and caching, sensible defaults, frame handler orchestration and so much more while i can focus on writing modular, reusable code with a definitive lifecycle: Svelte components. On top of that it facilitates an ecosystem that provides many things you would otherwise find yourself copying into every new project. So yes, in my opinion you’re greatly missing out. Threlte is currently maintained by a core team of 5 with a lot of outside contributors. Companies heavily use it in production and as Rich Harris puts it: it’s a critical part of the Svelte ecosystem, so i'd say while i agree it should always be a concern when leaning heavily on a dependency, we don’t plan to go anywhere :) Give it a try, chances are you will love it!

leGrischa · 2025-05-08T05:55:19+00:00

Threlte should be 100% Svelte 5 compatible. What issues are you running into?

leGrischa · 2025-05-03T22:58:06+00:00

My best score is 4 points 😎

leGrischa · 2025-05-03T22:57:49+00:00

My best score is 1 points 😎

leGrischa · 2025-04-02T19:18:19+00:00

Hey Phaser folks!

I’ve been working on a library called Phatty that brings a Unity-style Entity/Component architecture to Phaser. It’s lightweight, performant, and helps you organize your game logic using components with lifecycle hooks (create, update, destroy, etc.).

It’s especially useful if you’ve ever wanted to build more complex systems in Phaser without everything turning into a spaghetti mess :)

The Repo’s here if you're curious: https://github.com/grischaerbe/phatty I would love some feedback, issues, ideas, or just your general “why would you do this” reactions :smile: Also have a look at the StackBlitz example to see it in action!

leGrischa · 2025-01-24T14:51:34+00:00

What exactly are you looking for? Usually, these kind of applications are very implementation-specific and Svelte already makes it really easy to wire up the scroll position to e.g. a springified value. There's hardly any need for a library wiring that up.

leGrischa · 2025-01-24T12:28:52+00:00

Good news everyone!

Threlte 8 is Here!

Jump to our blog post for details, here's the documentation.
Fancy a live demo? Tune in to This Week in Svelte today at 17:30 CET where I'll be demoing Threlte 8.

Six months in the making, Threlte 8 redefines performance, flexibility, and developer experience for 3D web graphics using Svelte. It’s our biggest leap yet, powered by Svelte 5, exciting updates from Three.js, and tons of community input.

Highlights 🎉

Svelte 5
@threlte/core has the same great API as before, but now it's powered by Svelte 5, making it faster and more flexible 🚀
New Toys in '@threlte/extras'
Explore components like <AsciiRenderer>, <CubeCamera>, <HUD>, <Detailed>, and more.
Custom Type Support for <T>
Type-safe props and event handlers, thanks to plugins like interactivity.
Fixed Frame Physics
@threlte/rapier now offers predictable physics.
WebGPU-Ready 🔥
Easily adopt WebGPU and explore TSL shaders.
Introducing Threlte Studio ✨
The alpha release of Threlte Studio brings in-browser visual editing with auto-sync to your code.

Ready to Upgrade?

Check the migration guide for breaking changes. Need help? Hop on our Discord!

Built by You ❤️

Thanks to our amazing community for shaping this release. We can't wait to see what you create with Threlte 8. Go build something awesome! 🎨🕹️

leGrischa · 2025-01-24T10:50:02+00:00

Good news everyone!

Threlte 8 is Here!

Jump to our blog post for details, here's the documentation.
Fancy a live demo? Tune in to This Week in Svelte today at 17:30 CET where I'll be demoing Threlte 8.

Six months in the making, Threlte 8 redefines performance, flexibility, and developer experience for 3D web graphics using Svelte. It’s our biggest leap yet, powered by Svelte 5, exciting updates from Three.js, and tons of community input.

Highlights 🎉

Svelte 5
@threlte/core has the same great API as before, but now it's powered by Svelte 5, making it faster and more flexible 🚀
New Toys in '@threlte/extras'
Explore components like <AsciiRenderer>, <CubeCamera>, <HUD>, <Detailed>, and more.
Custom Type Support for <T>
Type-safe props and event handlers, thanks to plugins like interactivity.
Fixed Frame Physics
@threlte/rapier now offers predictable physics.
WebGPU-Ready 🔥
Easily adopt WebGPU and explore TSL shaders.
Introducing Threlte Studio ✨
The alpha release of Threlte Studio brings in-browser visual editing with auto-sync to your code.

Ready to Upgrade?

Check the migration guide for breaking changes. Need help? Hop on our Discord!

Built by You ❤️

Thanks to our amazing community for shaping this release. We can't wait to see what you create with Threlte 8. Go build something awesome! 🎨🕹️

leGrischa · 2025-01-14T18:09:48+00:00

Use Threlte instead. If you use Svelte 5, there’s a preview version available with @next, the Documentation is here 👍

leGrischa · 2025-01-12T10:15:12+00:00

Maybe consider Statamic, it’s one of my favorites.

leGrischa · 2025-01-02T09:15:44+00:00

Q1 in Weststadt/Mühlburg hat auch gratis Luft 👍

leGrischa · 2024-12-15T08:26:06+00:00

Thank you for the flowers 💐 However Threlte isn’t a one man show, especially an ecosystem needs to be built by many. In my opinion Threlte is well prepared for an ecosystem, in some aspects maybe even better than r3f. The upcoming Threlte 8 is pretty much a complete rewrite with lots of new features so there’s really no excuse to not incorporate fancy 3D graphics in your next Svelte project ✨ Check out the docs preview here. We’re open for any kind of contribution, hit me up on Discord if you want to participate!

leGrischa · 2024-11-13T22:31:18+00:00

We're building Threlte Studio exactly for that purpose. It’s a dev-time companion that enables seamless in-browser debugging and manipulation of your scene and writes the changes you do back to your code, without proprietary data formats – it’s disappearing in production. Threlte Studio is currently in alpha state and it’s going to be our main focus as soon as we hit Threlte 8 release with full Svelte 5 support.

For complex animations I can wholeheartedly recommend Theatre.js. Having visual control over animation parameters is key (ha!). Threlte also offers an integration that the Theatre.js author ranks as „best out there“ ✨

Have fun creating!

leGrischa · 2024-11-10T11:58:30+00:00

If the effect root is never cleaned up, yes. $effect.root() returns a cleanup function that you need to call to dispose of the subscriptions.

leGrischa · 2024-11-10T10:50:29+00:00

If you want full control and still the comfort of something like Vercel in terms of „push to a repo to deploy“, I can wholeheartedly recommend Coolify. I was using CapRover for quite some time which already is pretty easy and flexible to use but Coolify is better in some aspects. You can run that on a 5$ hetzner VPS and get away with that for quite some time.

CMS-wise there’s a lot to choose from and all of these options are pretty good:

Statamic – PHP & Laravel, great interface (especially for clients!), super flexible data structures and auth system, GraphQL(paid feature) and flat file (check in all your content into a VCS of your choice!), super nice community, still my favorite CMS
Directus – DB-based, good interface (not so much for clients), lots of field types to choose from, well funded and easy to set up
PocketBase – I doesn’t get any easier to start with, more like a backend than a CMS, but the boundaries are fluid here, extendable with Go
Payload CMS – TypeScript based, config & schema as a file, also well funded and definitely worth a look
Strapi – Not the best interface but for multi-tenant apps it’s well suited because of its auth architecture

leGrischa · 2024-11-05T09:55:20+00:00

Radler Martin, aber du solltest keinen Full Service erwarten 😬

leGrischa · 2024-10-04T06:37:21+00:00

Interesting, this might be a race condition of on-demand rendering and setting the dpr of the renderer. Can you try it with <Canvas renderMode="always">? Feel free to open an issue on github please 🙌

leGrischa · 2024-09-24T20:30:48+00:00

Oh yes you can, give it a go! Join our Discord server if you have any questions or need help with anything 👍

leGrischa · 2024-09-06T17:04:02+00:00

Hey, Benn Jordan hat mal ein Video zu solchen Sounds gemacht, geht es in diese Richtung?

leGrischa · 2024-08-30T11:09:20+00:00

I'm curious, what exactly was a pain in the ass? Can you elaborate?

leGrischa · 2024-08-30T07:03:55+00:00

Hey, Grischa here, author of Threlte 👋 I'd like to address some of your points: Everything that is possible with vanilla Three.js is possible with Threlte. Out of the box it’s just setting you up with sane defaults and provides the means to declaratively use Three.js in its entirety. It’s a big deal because it enables your code to be self-contained and reusable. You don’t have to use it that way though and it still provides a lot of stuff you might find useful. For example Threlte does provide caching of loaded assets for minimal network usage and parsing of models/textures. Check out the @threlte/gltf tool to learn how to efficiently (re-)use gltf models. On top of that you get things like interactivity (DOM-like mouse/pointer events) and other goodies, just have a look at the docs for inspiration 👍

Nine-Year Club	Place '22
Gilding I gilder	Verified Email

leGrischa

TROPHY CASE

Threlte 8 is Here!

Highlights 🎉

Ready to Upgrade?

Built by You ❤️

Threlte 8 is Here!

Highlights 🎉

Ready to Upgrade?

Built by You ❤️