Visualize your Steam Library as a 3D city with Three.js
I've been working on a site where you can visualize your Steam library as a 3D city by pasting your Steam ID and it will generate a 3D pixel-art city from your games.
u/matextrem10 — 1 day ago
u/matextrem10
r/videojuegos r/promoteMyApp r/GamingSoup r/AppsWebappsFullstack r/SideProject r/proceduralgeneration r/founder r/DesarrolloWeb r/steamachievements r/dataisbeautiful r/indie_startups r/buildinpublic r/gamedev r/PlzSupportMe r/coolgithubprojects r/JugARG r/aigamedev r/ArgenGaming r/Argaming
▲ 786 r/dataisbeautiful
[OC] Your Steam library is a city. The games you never play are dark buildings collecting dust.
I was inspired by Git City (which does this for GitHub profiles) and thought Steam libraries would be also interesting for this kind of visualization.
So I built Steam City. You paste your Steam ID and it generates a 3D pixel-art city from your games.
The idea is simple:
- Playtime hours determine building height
- Library size determines width
- Games you actually play have lit windows
- Your backlog sits there in the dark, judging you
There's a shared world with 1,000+ players where you can fly through everyone's buildings, a leaderboard ranked by gaming shame, and a "shame report" that calculates exactly how much money you wasted on games you never launched.
You can also battle friends (who has the bigger backlog?), customize your building with cosmetics, and download shareable cards of your stats.
No signup needed (unless you wanna claim your building). Just your Steam ID or profile URL.
Curious to see who has the highest shame score. Mine was embarrassing.
u/matextrem10 — 1 day ago
▲ 5 r/DesarrolloWeb
Tu biblioteca de Steam es una ciudad. Los juegos que no tocas nunca son edificios oscuros juntando tierra.
Saludos a la comunidad!
Me inspiré en Git City (que hace esto mismo para perfiles de GitHub) y pensé que estaría piola hacer este tipo de visualización para las bibliotecas de Steam.
Así que armé Steam City. Pones tu Steam ID y te genera una ciudad 3D en pixel-art a partir de tus juegos.
El calculo es simple:
- Las horas jugadas determinan la altura del edificio.
- El tamaño de tu biblioteca determina el ancho.
- Los juegos que realmente jugás tienen las ventanas iluminadas.
- Tu backlog (los pendientes) está ahí en la oscuridad, juzgándote.
Hay un mundo compartido con más de 1.000 jugadores donde podés volar entre los edificios de todos, un ranking basado en tu "vergüenza gamer", y un "shame report" que calcula exactamente cuánta guita gastaste al pedo en juegos que nunca abriste.
También podés competir contra tus amigos, tunear tu edificio con cosméticos y descargar cartas con tus estadísticas para compartir.
No hace falta registrarse (a menos que quieras reclamar tu edificio). Solo ponés tu Steam ID o la URL de tu perfil y listo.
Me gustaria saber quién saca el shame score más alto. El mío fue un papelón.
u/matextrem10 — 2 days ago
▲ 1 r/videojuegos
Tu biblioteca de Steam es una ciudad. Los juegos que no tocas nunca son edificios oscuros juntando tierra.
Saludos a la comunidad!
Me inspiré en Git City (que hace esto mismo para perfiles de GitHub) y pensé que estaría piola hacer este tipo de visualización para las bibliotecas de Steam.
Así que armé Steam City. Pones tu Steam ID y te genera una ciudad 3D en pixel-art a partir de tus juegos.
El calculo es simple:
- Las horas jugadas determinan la altura del edificio.
- El tamaño de tu biblioteca determina el ancho.
- Los juegos que realmente jugás tienen las ventanas iluminadas.
- Tu backlog (los pendientes) está ahí en la oscuridad, juzgándote.
Hay un mundo compartido con más de 1.000 jugadores donde podés volar entre los edificios de todos, un ranking basado en tu "vergüenza gamer", y un "shame report" que calcula exactamente cuánta guita gastaste al pedo en juegos que nunca abriste.
También podés competir contra tus amigos, tunear tu edificio con cosméticos y descargar cartas con tus estadísticas para compartir.
No hace falta registrarse (a menos que quieras reclamar tu edificio). Solo ponés tu Steam ID o la URL de tu perfil y listo.
Me gustaria saber quién saca el shame score más alto. El mío fue un papelón.
u/matextrem10 — 3 days ago
▲ 20 r/ArgenGaming
Tu biblioteca de Steam es una ciudad. Los juegos que no tocas nunca son edificios oscuros juntando tierra.
Saludos a la comunidad!
Me inspiré en Git City (que hace esto mismo para perfiles de GitHub) y pensé que estaría piola hacer este tipo de visualización para las bibliotecas de Steam.
Así que armé Steam City. Pones tu Steam ID y te genera una ciudad 3D en pixel-art a partir de tus juegos.
El calculo es simple:
- Las horas jugadas determinan la altura del edificio.
- El tamaño de tu biblioteca determina el ancho.
- Los juegos que realmente jugás tienen las ventanas iluminadas.
- Tu backlog (los pendientes) está ahí en la oscuridad, juzgándote.
Hay un mundo compartido con más de 1.000 jugadores donde podés volar entre los edificios de todos, un ranking basado en tu "vergüenza gamer", y un "shame report" que calcula exactamente cuánta guita gastaste al pedo en juegos que nunca abriste.
También podés competir contra tus amigos, tunear tu edificio con cosméticos y descargar cartas con tus estadísticas para compartir.
No hace falta registrarse (a menos que quieras reclamar tu edificio). Solo ponés tu Steam ID o la URL de tu perfil y listo.
Me gustaria saber quién saca el shame score más alto. El mío fue un papelón.
u/matextrem10 — 5 days ago
Tu biblioteca de Steam es una ciudad. Los juegos que nunca tocás son edificios oscuros juntando tierra.
Saludos a la comunidad!
Me inspiré en Git City (que hace esto mismo para perfiles de GitHub) y pensé que estaría piola hacer este tipo de visualización para las bibliotecas de Steam.
Así que armé Steam City. Pegás tu Steam ID y te genera una ciudad 3D en pixel-art a partir de tus juegos.
El calculo es simple:
- Las horas jugadas determinan la altura del edificio.
- El tamaño de tu biblioteca determina el ancho.
- Los juegos que realmente jugás tienen las ventanas iluminadas.
- Tu backlog (los pendientes) está ahí en la oscuridad, juzgándote.
Hay un mundo compartido con más de 1.000 jugadores donde podés volar entre los edificios de todos, un ranking basado en tu "vergüenza gamer", y un "shame report" que calcula exactamente cuánta guita gastaste al pedo en juegos que nunca abriste.
También podés competir contra tus amigos, tunear tu edificio con cosméticos y descargar cartas con tus estadísticas para compartir.
No hace falta registrarse (a menos que quieras reclamar tu edificio). Solo ponés tu Steam ID o la URL de tu perfil y listo.
Me gustaria saber quién saca el shame score más alto. El mío fue un papelón.
u/matextrem10 — 7 days ago
Your Steam library is a city. The games you never play are dark buildings collecting dust
A few months ago SupermarketKey1196 posted Git City here showing GitHub profiles as 3D cities. I loved the concept and thought that Steam libraries could be interesting for this.
So I built Steam City. You paste your Steam ID and it generates a 3D pixel-art city from your games.
The idea is simple:
- Playtime hours determine building height
- Library size determines width
- Games you actually play have lit windows
- Your backlog sits there in the dark, judging you
There's a shared world with 1,000+ players where you can fly through everyone's buildings, a leaderboard ranked by gaming shame, and a "shame report" that calculates exactly how much money you wasted on games you never launched.
You can also battle friends (who has the bigger backlog?), customize your building with cosmetics, and download shareable cards of your stats.
No signup needed (unless you wanna claim your building). Just your Steam ID or profile URL.
Full credit to SupermarketKey1196 and thegitcity.com for the original inspiration. I wanted to bring the same energy to the gaming side.
Curious to see who has the highest shame score. Mine was embarrassing.
u/matextrem10 — 9 days ago
Your Steam library is a city. The games you never play are dark buildings collecting dust
A few months ago SupermarketKey1196 posted Git City here showing GitHub profiles as 3D cities. I loved the concept and thought that Steam libraries could be interesting for this.
So I built Steam City. You paste your Steam ID and it generates a 3D pixel-art city from your games.
The idea is simple:
- Playtime hours determine building height
- Library size determines width
- Games you actually play have lit windows
- Your backlog sits there in the dark, judging you
There's a shared world with 1,000+ players where you can fly through everyone's buildings, a leaderboard ranked by gaming shame, and a "shame report" that calculates exactly how much money you wasted on games you never launched.
You can also battle friends (who has the bigger backlog?), customize your building with cosmetics, and download shareable cards of your stats.
No signup needed (unless you wanna claim your building). Just your Steam ID or profile URL.
Full credit to SupermarketKey1196 and thegitcity.com for the original inspiration. I wanted to bring the same energy to the gaming side.
Curious to see who has the highest shame score. Mine was embarrassing.
u/matextrem10 — 1 day ago