Short version : I’d like to create a single package that contains my game’s content assets (meshes, textures etc) that can be loaded from both a vite frontend and a node.js backend. Short why : My game can run fully in browser without connecting to the server, or I can run the game server on a node…

People often get confused when dealing with node.js on the server and treat it like a browser environment. Asset loading works differently. Node.js doesn’t handle static files automatically. You can still import js/ts though. On the backend you must load your assets yourself using the filesystem, s…

well, I think I have it working, plus I kinda hate it so it’s probably the right solution :expressionless: I’ve got a solution that : loads the assets correctly on frontend when running in dev mode loads the assets correctly on frontend after production build loads the assets correctly on backend …

[image] Tarks: The problem is I can’t see a way to have kit-game-core load the assets in a way that would work for both the front and backend. I think you are overengineering the whole stuff :slight_smile: Put all your assets in a public/assets dir. You can then read them from both environme…

You can also “fake” the requests in the node/deno/bun environment so you can load the files from your asset server, like the public folder in your client. That is what I do currently in my game, so I just provide the asset path url to the server Currently traveling so cannot show snippets xD

Cheers all really appreciate the help ! [image] roland: Put all your assets in a public/assets dir. You can then read them from both environments. … Use dependency injection to inject the loader from your current environment. I almost did exactly that dep injection approach and I might sti…

[image] Tarks: I hadn’t yet verified if the babylon loaders knew to check & handle filepaths Don’t use filepaths but load the file content into an ArrayBuffer. Loaders accepts SceneSource as the source for loading: Babylon.js docs

I’m fetching and caching objects into ArrayBuffers as suggested, however when passing these into babylon loaders I’m getting an error, calling : const meshAssetContainer = await babylon.LoadAssetContainerAsync(new DataView(asset), this.scene); results in gameStartupHelper.ts:299 Uncaught (in prom…

Update for future people : this seems to work const base64String = "data:;base64," + btoa(String.fromCharCode(...new Uint8Array(asset))); meshAssetContainer = await babylon.LoadAssetContainerAsync(base64String, this.scene); However, it’s very slow, it feels like even when it’s being load…

[image] Tarks: I’ve tried options like pluginExtension : "gltf" }); This should be “.glb” instead of “gltf” [image] Tarks: be standard when blobs are read… const response = await fetch(assetUrl) const url = URL.createObjectURL(new Blob([await response.arrayBuffe…

Single esm module that can provide asset paths when called from front or backend

Questions

Joe_Kerr October 12, 2025, 10:13am 6

Example for meshes: Loading GLTF models in Nodejs

Topic		Replies	Views
Server can't find folder, only files Questions import , http-server	20	995	January 8, 2024
Running on server throws no-plugin error Questions	101	3956	October 19, 2022
Babylonjs native and asset loading Questions	17	2328	April 4, 2020
Webpack for packed by feature Questions	9	447	January 23, 2023
How to Vite with Babylon.js (Game Tutorial Series) Tutorials and tips tutorial	24	3531	August 9, 2024

Single esm module that can provide asset paths when called from front or backend

Related topics