Maybe to a degree but this isn’t just somebody using Seeddance to generate a first-frame-and-last-frame video loop and calling it a day.
There's definitely some manual curation. They even have assets that are clearly being placed into the scene, like the boats moving in the water.
You could theoretically generate all possible animated sprites (birds, people, vehicles, etc.) for use in any given cityscape, but automatically segmenting/detecting the different valid "paths/waypoints" where those assets should be placed would probably end up looking pretty janky.
Maybe??.. Opus 5.5 is a giant step function up with "manual illustration". Quite a bit better than Astra. It is entirely possible to get this quality of animation "hand drawn" from Opus 5.5...
Honestly I was blown away, it is one capability that blindsided me. I haven't been this surprised by a capability lift in a long time.
I haven't had a chance to play with Opus 5.5 yet, but I guess if there were a way to generate each of the pieces (aka the layers) then it might be possible:
- parallax, which might be some clouds moving in the background.
- weather effects which is mostly just an overlay
- animated sprites that interact with, or at least move along, the different sections of the static scene.
It'd be neat to see how well it could recreate some of the larger set pieces like Westminster palace.
I've definitely seen some pretty impressive automated AI voxel stuff (and that was 6 months ago) and that's having to deal an extra dimension. [1]
Personally I still don’t see a situation in which you could do it completely hands-off though. I think you’d end up with some pretty good scenes and some really terrible scenes requiring post-adjustments. It would be an interesting experiment at any rate!
Thanks for the suggestions! Right now I make the cities ahead of time using AI and prepare the loops before adding them. The app can’t generate a new city on the spot yet, but I like the idea.
I was having a very similar thought - finally a nice use case for HTML wallpapers like Windows used to have them. I bet that there's a trick to have this as a desktop background in Wayland, but I'm too lazy to find out right now.
Either way, really nicely made, I love it! Small change request: adjust the CSS to make the controls look less vibecode-y.
I’ll take another pass at the controls so they fit the scenes better. If you find a good way to run it as a wallpaper on Wayland, I’d be interested to see it.
That's up to personal preference. Just like with static wallpapers, some people like single subtle colors, some people like noisy multicolored wallpapers.
There's already subtle parallax in iOS etc.
Animated wallpapers could be subtle, like raindrops, or animate only when interacted with.
Stated preference perhaps, but unlikely revealed preference.
Depends on context, but for a computer on which you're doing work, moving wallpaper is usually a net negative for usability while you're actively working, though the magnitude depends heavily on the animation.
The problem is primarily peripheral attention. Motions is a strong pre-attentive visual signal: your visual system detects it without you deliberately deciding to look at it. One a laptop where you're close to the display and spending long periods concentrating on text, code, documents, etc., any visible animated region around or through windows can create low-level competition for attention.
A good compromise is wallpaper motion during transitions or stillness during work.
Broader UI principle: motion should explain change, not create change to be noticed.
When using my 32 inch screen sometimes I set the wallpaper to a random walk video in YouTube and it works fantastically. I know that it is counter intuitive, but the contrast between real and moving elements and static and almost flat Windows makes for a nice experience. And helps fighting text editing fatigue.
Yeah and there were other 3rd party "hacks" for it, but I mean Windows or macOS never made it an official API, so it never caught on, even though Apple's own "Dynamic Wallpapers" use some kind of motion (they're videos but only during screen-savers or time-based)
Just tested and this works great on macOS with Plash [1] by Sindre Sorhus. I couldn't find too many URL parameters to control it, but the FAQ does mention an ?obs parameter to hide the interface by default and ?weather=... to choose the weather. This URL in Plash works as described:
https://loficities.com/tokyo/?obs&weather=leaves
I was also able to omit ?obs and use the website interface controls to configure it via Plash browsing mode and then the interface went away after a moment of inactivity.
Gorgeous, very well executed. I'm guessing the primary request will be more cities but I'll deviate and say I'd love to see more views as well. Would be nice to have the same set of cities by I can see it from a studio view same way it is in the Paris view. Or from an office. Or a cafe.
A café or apartment view would give each city a different atmosphere. Paris seems to resonate for that reason. I’ll add indoor views to the roadmap—thanks for the suggestion!
It feels bolted on to an otherwise cool thing. Even angling the board, or smudging, dimming color, localizing language, etc. All would make it feel like it fits.
I know this is going to sound ridiculous, but the way the dithering is used feels very "generated" and chaotic.
Human pixel art tends to be very deliberate about the exact colors of every pixel and their placement tends to follow idealized (but not necessarily geometric) shapes.
The last time I saw dithering this sloppy was decades ago when people would scan photos as low color images. It is its own vibe, but it's a cold and rough one. These artifacts feel more "realistic", but it felt like slop back then too.
For an example of just how much of a rabbit hole this is, Lucas Pope's forum post[0] about the dithering in Obra Dinn shows how much time can be spent on getting it right.
Ads are the worst and they're antithetical to the vibe of something like this
If it's an actual ad.. You'd get more goodwill (and maybe clicks) out of a tiny 'if you appreciate this maybe check out product hunt to support me' message somewhere. At least it's not manipulative that way.
Occasionally it switches from product hunt to a "Your Ad Here" ad that links to a popup with the following (slop) text:
> Put your café, shop, studio or brand on the billboard in Paris: drawn by hand in the same pixel-art style, and glowing in the scene while people study, work and unwind to the music.
It's clear this is a money-making endeavor, not something created out of passion or goodness of heart. And not art.
There's a lot of AI on the author's github, so I would assume so. I have no idea how I feel about these sorts of things. On the one hand I think it's objectively a super neat idea, but it makes me sad that a human (probably) didn't make the art/songs.
Ah that's a bummer. I'm unsure if this is gonna change over time, but it entirely tanks my enjoyment of any visual art project to know it was generated.
Yes, the city images and video loops are AI-generated. The music is synthesized live in the browser using the Web Audio API, rather than played from a prerecorded playlist.
It is. That can be fine, but when it isn't clearly disclosed it's not OK IMO.
Pixel art cityscapes is also such a small niche, it wouldn't surprise me if there were some "reference images" from popular pixel artists in the pipeline.
There's a lot to like here, but too AI-generated for me. The pixel art for Tokyo & Hong Kong don't use proper Chinese/Japanese characters. The pulsating badges in the non-pixel UI are also pretty AI-indicative in a way that is distracting.
Yeah, the city search got cut off on mobile. Vibey and janky, but still it's a pretty creative idea.
I would have been very impressed if it made pixel art for cities on demand. If I were able to put in my hometown and see a delightful pixel art memory, I'd swoon and point to it and say "wow wee LLMs are pretty dope aren't they", but instead I'm just thinking this is yet another shallow project that which will be abandoned tomorrow.
I first saw Paris from inside the room, and only later realized that 90% of the cities seem to be outdoors. It did make me kind of miss the indoor theming of the local area.
Also make me think how cool it would be to be able to toggle between being indoors or on the balcony. Shift the volume of the music vs the weather, maybe add some city sounds and shift them as well. Finally, it means you could have twice as much visual variety for only 50% more art.
strange to me that "lofi" has graduated from low fidelity to AI generated downtempo music, which I assume (like the art) is based on the work of real artists.
It's cute, but the custom weather overlays don't make sense. Where are the autumn leaves falling from on top of the 7th floor in Paris, the secret rooftop forest canopy?
Haha, the rooftop forest is a fair point :) You can mix any weather effect with any city, so some combinations don’t quite make sense. Paris with falling leaves is definitely one of them.
The point of my comment was that it’s unlikely there will be something else in world where AI generated output is free and the alternative is extremely expensive.
I loved it. Since i was a child i have something with skylines in general that i can't explain (be it real or not). it's like a nostalgic/depressive feeling in a good and weird way. i also have a similar and weird thing with liminal spaces [0]
I had a similar idea yesterday - https://www.lofiwizard.com/ - I mainly wanted to have Opus 5.5 generate random browser scenes to see what it could do. I love how your pixel cities came out! I tried to do similar music via code but it never sounded right so I had Google's Lyria 3 model make the music instead.
It's interesting, I vibecoded a very similar lofi/mood idle game, but in 2.5D with Codex, I would say that the reception was about 60% positive with a lot of people complaining about AI slop, then I removed the Codex fingerprints like the verbose titles "Neon Rain by Tokyo Tower", the button/field UI that looks like a ChatGPT wrapper startup from a year ago, changed font, and then it had about 80% positive interaction.
I think its easier to sell it as actual art/non-slop when you take some time to remove what is generic across newer LLM sessions.
I'd encourage chronicling the effort you put in and be transparent about the methods. If you want your AI art to reach proper recognition, the different type of effort needs to be shown
It's a fair point. I experimented with this, but I still don't think that the general public is there yet. Any mention of AI is already a negative sentiment for a large group of consumers, especially in artistic fields. While this is true, it does not make sense to disclose these things because then you can capture both the customers that care and those who don't if you are sufficiently careful.
Once the technology gets good enough and people can't tell it apart and start to get used to generated content like this, it will perhaps start to make sense to provide this kind of effort if it's still relevant.
132 comments
[ 0.30 ms ] story [ 81.0 ms ] threadActually, shouldn't it be possible to auto-generate any city via AI on demand?
There's definitely some manual curation. They even have assets that are clearly being placed into the scene, like the boats moving in the water.
You could theoretically generate all possible animated sprites (birds, people, vehicles, etc.) for use in any given cityscape, but automatically segmenting/detecting the different valid "paths/waypoints" where those assets should be placed would probably end up looking pretty janky.
Honestly I was blown away, it is one capability that blindsided me. I haven't been this surprised by a capability lift in a long time.
- parallax, which might be some clouds moving in the background.
- weather effects which is mostly just an overlay
- animated sprites that interact with, or at least move along, the different sections of the static scene.
It'd be neat to see how well it could recreate some of the larger set pieces like Westminster palace.
I've definitely seen some pretty impressive automated AI voxel stuff (and that was 6 months ago) and that's having to deal an extra dimension. [1]
Personally I still don’t see a situation in which you could do it completely hands-off though. I think you’d end up with some pretty good scenes and some really terrible scenes requiring post-adjustments. It would be an interesting experiment at any rate!
[1] - https://github.com/Ammaar-Alam/minebench
Why do companies like Apple & Microsoft sterilize themselves so?
Either way, really nicely made, I love it! Small change request: adjust the CSS to make the controls look less vibecode-y.
https://cindori.com/backdrop
There's already subtle parallax in iOS etc.
Animated wallpapers could be subtle, like raindrops, or animate only when interacted with.
Stated preference perhaps, but unlikely revealed preference.
Depends on context, but for a computer on which you're doing work, moving wallpaper is usually a net negative for usability while you're actively working, though the magnitude depends heavily on the animation.
The problem is primarily peripheral attention. Motions is a strong pre-attentive visual signal: your visual system detects it without you deliberately deciding to look at it. One a laptop where you're close to the display and spending long periods concentrating on text, code, documents, etc., any visible animated region around or through windows can create low-level competition for attention.
A good compromise is wallpaper motion during transitions or stillness during work.
Broader UI principle: motion should explain change, not create change to be noticed.
Of course, ymmv. But give it a try.
[0] https://en.wikipedia.org/wiki/Active_Desktop
[1]: https://sindresorhus.com/plash
I know it’s on topic and most cities have ads but still, I prefer ad free pixel art.
Human pixel art tends to be very deliberate about the exact colors of every pixel and their placement tends to follow idealized (but not necessarily geometric) shapes.
The last time I saw dithering this sloppy was decades ago when people would scan photos as low color images. It is its own vibe, but it's a cold and rough one. These artifacts feel more "realistic", but it felt like slop back then too.
They are. And they are charging $19 to buy AI generated art (https://safaelmali.gumroad.com/l/lofi-cities-complete-collec...).
Turns out part of the appeal for me is that it seems handmade.
[0]: https://dukope.com/devlogs/obra-dinn/tig-32/
Ads are the worst and they're antithetical to the vibe of something like this
If it's an actual ad.. You'd get more goodwill (and maybe clicks) out of a tiny 'if you appreciate this maybe check out product hunt to support me' message somewhere. At least it's not manipulative that way.
Crazy times, man.
Only on HN there can be a single pixel that is misplaced or off and it causes ONE person to get upset about it.
This is completely petty. Just stop.
> Put your café, shop, studio or brand on the billboard in Paris: drawn by hand in the same pixel-art style, and glowing in the scene while people study, work and unwind to the music.
It's clear this is a money-making endeavor, not something created out of passion or goodness of heart. And not art.
https://safaelmali.gumroad.com/l/lofi-cities-complete-collec...
Pixel art cityscapes is also such a small niche, it wouldn't surprise me if there were some "reference images" from popular pixel artists in the pipeline.
I would have been very impressed if it made pixel art for cities on demand. If I were able to put in my hometown and see a delightful pixel art memory, I'd swoon and point to it and say "wow wee LLMs are pretty dope aren't they", but instead I'm just thinking this is yet another shallow project that which will be abandoned tomorrow.
I first saw Paris from inside the room, and only later realized that 90% of the cities seem to be outdoors. It did make me kind of miss the indoor theming of the local area.
Also make me think how cool it would be to be able to toggle between being indoors or on the balcony. Shift the volume of the music vs the weather, maybe add some city sounds and shift them as well. Finally, it means you could have twice as much visual variety for only 50% more art.
[0] https://en.wikipedia.org/wiki/Liminal_space
I think its easier to sell it as actual art/non-slop when you take some time to remove what is generic across newer LLM sessions.
Once the technology gets good enough and people can't tell it apart and start to get used to generated content like this, it will perhaps start to make sense to provide this kind of effort if it's still relevant.
https://yamanote-window-loop.aljosa-asanovic.chatgpt.site/v3
Sound on for nostalgia if you've been to Tokyo.
Edit: forgot I had added a little behind the scenes page
https://yamanote-window-loop.aljosa-asanovic.chatgpt.site/ma...