Ich wurde inspiriert von Git City (was dies für GitHub-Profile tut) und dachte, Steam-Bibliotheken wären für diese Art der Visualisierung auch interessant.
Also habe ich Steam City gebaut. Sie fügen Ihre Steam-ID ein und es wird aus Ihren Spielen eine 3D-Pixelkunststadt generiert.
Die Idee ist einfach:
– Die Spielzeit bestimmt die Gebäudehöhe
– Die Größe der Bibliothek bestimmt die Breite
– Spiele, die Sie tatsächlich spielen, haben beleuchtete Fenster
– Ihr Rückstand sitzt im Dunkeln und beurteilt Sie
Es gibt eine gemeinsame Welt mit mehr als 1.000 Spielern, in der Sie durch alle Gebäude fliegen können, eine Bestenliste, die nach Spielschämung geordnet ist, und eine "Schande Bericht" Das berechnet genau, wie viel Geld Sie für Spiele verschwendet haben, die Sie nie veröffentlicht haben.
Sie können auch gegen Freunde antreten (wer hat den größeren Rückstand?), Ihr Gebäude mit kosmetischen Gegenständen individuell gestalten und gemeinsam nutzbare Karten Ihrer Statistiken herunterladen.
Keine Anmeldung erforderlich (es sei denn, Sie möchten Ihr Gebäude beanspruchen). Nur Ihre Steam-ID oder Profil-URL.
Ich bin gespannt, wer den höchsten Schamwert hat. Meins war peinlich.
Von matextrem10
26 Kommentare
**Data:** [Steam Web API](https://steamcommunity.com/dev) publicly accessible game ownership and playtime data via Valve’s official **IPlayerService/GetOwnedGames** endpoint. Only fetches data from profiles where „Game details“ is set to Public.
**Tools:** Three.js, React Three Fiber, Next.js, React, Supabase (Postgres), Tailwind CSS.
My steam library isn’t like this but my Kindle one certainly is
I only have 1 game on steam. Might be 2 games if I want to
There’s a couple dark buildings and then just one massive tower and it’s my hundreds of hours in Stardew Valley which periodically takes over my whole life 😂
This is pretty fun. There’s a small downtown of city-building games, vast suburbs of shit I got in bundles and never played, and then Rimworld cosplaying as the Tower of Art.
whats up with people that own 20000+ games but have no playtime on any of them?
I don’t care what this is supposed to represent. I need to know if I can swing amongst them as spiderman.
Wouls be funny if this was made for epic, got like 250+ unplayed and like 10 I have more then 50 hours in
This is like the loading screen on a ps2, where the towers represent saves.
This is cool! Thanks for sharing
3.2k shame to be fair, I’ve been a member of the humble bundle for 2 years, but stuck to the first game I started playing with the humble bundle.
have a solid skyscraper block in the middle, with a lot of smaller houses in block, upon block around its. Cant find any dark houses, but with nearly 800 games, it’s hard to find them, found one with 0,3 hours played.
Satisfactory really being the tallest building, pursued by civ5 and some weird games I assume have been idled so high, because I haven’t played them that much.
How exactly do the windows work? I thought it had to do with recent playtime, but some of the buildings in my city have tons of lit windows for games I havent played in years.
Is there an option to do this but to keep it to yourself and not share it with the collaborative city?
May I recommend having the camera spinning stop when you start moving? I know you can do it manually but having it automatically do it when it detects movement would be awesome. It’s a little dizzying but otherwise this is great.
Wow thank you for showing me git city. Never heard of that
i got the twin towers of rocket league and dota
https://preview.redd.it/45yi4gjhn56h1.png?width=776&format=png&auto=webp&s=be265631205c3b5eb1b2493641a7df13f68df75e
It’s a UNIX system! I know this!
Sound cool. Too bad I couldn’t get it to work.
I got „3D rendering failed“ in Vanadium (Android). So I loaded it on my laptop in Firefox where I also got the same error. Both are capable of webgl. On firefox the web console gives a „useThree is not defined“ error twice and then a „WebGL context was lost“ warning.
Doesn’t seem to work for me at the moment. Something about my browser not supporting WebGL or running out of memory. Tried Firefox, Chrome, and Edge. Perhaps it’s gotten too popular already?
Edit: Never mind, I had to x out of the „Is this your account?“ dialogue.
Shame score is only 60, despite having 454 out of 586 games unplayed. I actually have a dozen or so Humble Bundle codes that thankfully haven’t expired that I still have to activate at some point, though I guess that might drag my score up a bit.
I dunno about anyone else, but this doesn’t work for me, on Linux, with either Firefox, Zen (a Firefox derivative), or Chromium. It says my browser doesn’t support WebGL (which is nonsense, and I’ve tried other websites that do it just fine) or that I’ve run out of memory (which is also nonsense).
Not sure I want to see this.
My tallest building is RPG Maker VX Ace. In fact, RPG Maker has a stranglehold over my top three played games, with XP in 2nd and MV in 3rd.
Cities: Skylines is in 4th.
And rounding out the top 5 for my city is Deep Rock Galactic.
The two games I’m playing right now are Final Fantasy XIV and Soulcalibur VI. They are currently 10th and 9th, respectively. Ironic since I just got FFXIV over a month ago, yet I have SC6 in my library for nearly 6 years.
nice visualization!
building heigh and lit windows seems to track the same metric? playtime
Would be nice if building heigh was game review score, an lit windows playtime. With this unplayed games with good scores would stand out!
What a fun project! Thanks for creating and sharing it homie!
keeps saying that my browser doesn’t support webGL or has run out of VRAM. I’ve got 8 gigs of VRAM out of my 32 of RAM RAM 🙁
edit: What’s weird is the world city works fine, and is very cool. I can even see my block in the world city. But going to the city gives me the same error.