←back to thread

Scale of the Universe

(scaleofuniverse.com)
249 points Leftium | 2 comments | 19 Apr 24 03:53 UTC | HN request time: 0.495s | source
Show context
a_c ◴[19 Apr 24 08:01 UTC] No.40084388[source]▶
Magnificent! Curious how the zoom interaction is managed? Do you load assets of next level once zoom level hit a certain threshold?
replies(2): >>40084912 #>>40086203 #
1. vbezhenar ◴[19 Apr 24 12:53 UTC] No.40086203[source]▶
It seems all images are stored in the file https://cdn.scaleofuniverse.com/sotu-avif.dave with some format I don't really know. It's some kind of container for avif images. It's loaded once.
replies(1): >>40093260 #
2. paperdave ◴[20 Apr 24 00:13 UTC] No.40093260[source]▶
loading everything upfront (a loading bar) was a better trade off than having unloaded images if you scrolled too fast.

making each image a separate file was not very efficient for basically every reason. i ended up writing my own streamable archive format called an "asset bundle". it is essentially all resources concatenated.

that code is public -> https://github.com/paperdave/assetbundle

the scale of the universe webapp loads all the assets, but then pixi.js objects are dynamically created and destroyed depending on the scale. i never fully verified but i hope does the right thing and keeps sprite data out of vram when it's not needed.