[{"data":1,"prerenderedAt":672},["ShallowReactive",2],{"project-49869574":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":47,"post_text":51,"what":52,"said":72,"maker_in_thread":268,"shape":280,"grid":283,"attempts":635,"same_week":636,"maker_shows":43,"maker_hidden":664,"reader_version":665,"card":666},"49869574","Lofi Cities","Pixel-art city nights with browser-generated lofi","title","Show HN: Lofi Cities – Pixel-art city nights with browser-generated lofi","https:\u002F\u002Floficities.com\u002F","loficities.com","safaelmali",1790534670,2026,320,139,127,4366,3,"legend","creative","lofi music and pixel art scenes","web_app",[24,25,26,27,28],"lofi","pixel art","ambient music","city scenes","web audio","roasted",-0.146,{"positive":32,"neutral":33,"mixed":34,"critical":35},17,13,2,32,64,{"design":38,"execution":40,"pricing":42,"idea":44},{"positive":18,"critical":39},12,{"positive":18,"critical":41},9,{"positive":43,"critical":34},1,{"positive":45,"critical":46},8,6,[43,43,34,18,43,43,43,43,34,43,48,49,48,49,18,48,48,49,43,43,49,18,43,49,43,18,43,48,48,43,34,43,18,49,43,34,48,49,18,50],0,5,4,null,{"problem":51,"audience":51,"pricing":51,"motivation":53,"time_to_build":51,"stack":60,"openness":70,"stage":71,"team_size":70},{"value":54,"source":55,"evidence":56},"Passion project; billboards meant to help cover hosting costs","maker",[57],{"id":58,"by":11,"text":59},"49874491","Thanks! I’ll change it to “drawn in the same pixel-art style.” This is a passion project for me. I’m paying to keep it running, and the billboards are meant to help cover those…",[61],{"value":62,"source":55,"evidence":63},"Web Audio API",[64,67],{"id":65,"by":11,"text":66},"49871370","The music is generated procedurally in your browser using the Web Audio API. Which city and music style were you listening to?",{"id":68,"by":11,"text":69},"49871311","Yes, I use AI for the images and video loops. The music is synthesized live in your browser using the Web Audio API.","unknown","launched",{"praise":73,"objections":108,"requests":177,"questions":225,"alternatives":239},[74,86,97],{"value":75,"source":76,"evidence":77},"Gorgeous, well-executed visuals and atmosphere","commenter",[78,82],{"id":79,"by":80,"text":81},"49869911","timenotwasted","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…",{"id":83,"by":84,"text":85},"49875609","made_by_dy","Beautiful",{"value":87,"source":76,"evidence":88},"Good background for deep work and coding sessions",[89,93],{"id":90,"by":91,"text":92},"49874993","Sweepline","Totally adding this to my second monitor setup for those late-night coding sessions. The generated lofi is a fantastic touch.",{"id":94,"by":95,"text":96},"49875005","Ellis_dev","Perfect background for deep work sessions. The browser-generated lofi adds a great ambiance without distraction.",{"value":98,"source":76,"evidence":99},"Love the city tour and scene details",[100,104],{"id":101,"by":102,"text":103},"49871057","blobdole","Very cool project. I love the tour aspect of it! 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…",{"id":105,"by":106,"text":107},"49939470","aranbc","Love the little pub animations in the London scene",[109,128,147,162],{"value":110,"source":76,"evidence":111},"Product Hunt billboard ads break immersion",[112,116,120,124],{"id":113,"by":114,"text":115},"49869952","thih9","The product hunt ad is breaking the immersion for me. I know that most cities have ads but still, I prefer ad free pixel art. It’s also not realistic, in one landscape the…",{"id":117,"by":118,"text":119},"49872876","ajkjk","Just delete it :\u002F 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…",{"id":121,"by":122,"text":123},"49873095","sodapopcan","Yes, just delete it. Seriously. WTF is that? Loved the general vibe but hit the back button after a visceral to... f*ckin' Product Hunt? Seriously? Crazy times, man.",{"id":125,"by":126,"text":127},"49874269","DylanMerigaud","Ad hiding option would improve immersion significantly.",{"value":129,"source":76,"evidence":130},"Pixel art and visuals feel AI-generated",[131,135,139,143],{"id":132,"by":133,"text":134},"49870552","sublinear","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…",{"id":136,"by":137,"text":138},"49870709","iand675","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\u002FJapanese characters. The pulsating badges in the non-pixel…",{"id":140,"by":141,"text":142},"49877152","smusamashah","AI does not make good pixel art yet.",{"id":144,"by":145,"text":146},"49870214","TomGarden","This is a vibe! Is this pixel art AI generated?",{"value":148,"source":76,"evidence":149},"Procedural music sounds random and unbalanced",[150,154,158],{"id":151,"by":152,"text":153},"49877812","Uptrenda","Quite honestly the procedural music generation algorithm sounds bad. I mean, this is just my opinion but the compositions sound incredibly unbalanced. Almost random. I think you…",{"id":155,"by":156,"text":157},"49871341","khazhoux","Is the music AI-generated? Because it's pretty hard to listen to. Weird dissonant chord progressions.",{"id":159,"by":160,"text":161},"49876505","reactordev","Visited and when I clicked on Paris to select a different city, the music kicked in. I thought this was supposed to be lofi but I was met with what I would describe as basic…",{"value":163,"source":76,"evidence":164},"Vibecoded UI and controls look generic",[165,169,173],{"id":166,"by":167,"text":168},"49871680","vagabund","I don't why I would want to stare at vibecoded UI and an ad to relax",{"id":170,"by":171,"text":172},"49869951","Cockbrand","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…",{"id":174,"by":175,"text":176},"49871861","augment_me","It's interesting, I vibecoded a very similar lofi\u002Fmood idle game, but in 2.5D with Codex, I would say that the reception was about 60% positive with a lot of people complaining…",[178,190,202,207,214],{"value":179,"source":76,"evidence":180},"Option to hide billboards or ads",[181,185,186],{"id":182,"by":183,"text":184},"49871312","prometheus1992","option to hide will be nice.",{"id":125,"by":126,"text":127},{"id":187,"by":188,"text":189},"49873479","pastel8739","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…",{"value":191,"source":76,"evidence":192},"More cities such as Montreal, Los Angeles, Athens",[193,194,198],{"id":79,"by":80,"text":81},{"id":195,"by":196,"text":197},"49869604","andsoitis","So cool. Add Los Angeles, Cape Town, Florence, Cairo, Athens, Vancouver, São Paulo. Actually, shouldn't it be possible to auto-generate any city via AI on demand?",{"id":199,"by":200,"text":201},"49888313","blindflag","I absolutely love this, and selflishly would love to see Montreal. Awesome work!",{"value":203,"source":76,"evidence":204},"Indoor views and balcony toggle",[205,206],{"id":79,"by":80,"text":81},{"id":101,"by":102,"text":103},{"value":208,"source":76,"evidence":209},"City-specific music",[210],{"id":211,"by":212,"text":213},"49878712","farmeroy","I was really hoping that the music would change with the city. I want Istanbul to give me lofi tarlibasi roma wedding vibes, or at least arabesk taxi driver vibes",{"value":215,"source":76,"evidence":216},"Seasonal scenes and weather options",[217,221],{"id":218,"by":219,"text":220},"49872794","marak830","Not the biggest issue (and perhaps the smallest) it's not Sakura tree season here in Tokyo ;)",{"id":222,"by":223,"text":224},"49873016","chris_armstrong","I like the Sydney one (the jacarandas are a nice touch; a banksias or wattle option would add an interesting local touch). For any city, a thunderstorm or light drizzle option…",[226,231],{"value":227,"source":76,"evidence":228},"Is the pixel art AI-generated?",[229,230],{"id":144,"by":145,"text":146},{"id":68,"by":11,"text":69},{"value":232,"source":76,"evidence":233},"Would a wallpaper version work on Wayland or Roku?",[234,235],{"id":170,"by":171,"text":172},{"id":236,"by":237,"text":238},"49869859","NDlurker","This would be cool as a Roku channel",[240,247,254,261],{"value":241,"source":76,"evidence":242},"Lofi Wizard",[243],{"id":244,"by":245,"text":246},"49871761","nonis","I had a similar idea yesterday - https:\u002F\u002Fwww.lofiwizard.com\u002F - I mainly wanted to have Opus 5.5 generate random browser scenes to see what it could do. I love how your pixel…",{"value":248,"source":76,"evidence":249},"Mark Ferrari's Living Worlds",[250],{"id":251,"by":252,"text":253},"49874022","rda2","I still love Mark Ferrari’s Living Worlds from 1995 which changes with the time of day & the month. Handmade and ad-free of course. https:\u002F\u002Fwww.effectgames.com\u002Fdemos\u002Fworlds\u002F",{"value":255,"source":76,"evidence":256},"Backdrop by Cindori",[257],{"id":258,"by":259,"text":260},"49870068","Vakaiser","While it's not free or a first party offering, I've had great success with Cindori Backdrop: https:\u002F\u002Fcindori.com\u002Fbackdrop",{"value":262,"source":76,"evidence":263},"Rainy City",[264],{"id":265,"by":266,"text":267},"49877531","mnky9800n","Maybe you will like https:\u002F\u002Frainy-city.com. As mayor I have declared we will never have ads.",{"comments":35,"answered":269,"key":270},7,[271,274,277],{"id":272,"text":273},"49881905","The angle and lighting suggestions help. I’ll take another look at how the billboards sit in each scene so they feel like they belong there.",{"id":275,"text":276},"49871305","Would a hide option help, or should the billboard itself blend into the scene better?",{"id":278,"text":279},"49881916","I’m thinking about an option to hide them completely, or keep just the fictional city signs.",{"commenters":281,"max_depth":269,"maker_replies":35,"first_comment_mins":18,"lifespan_hours":282},83,245,[284,286,289,291,293,297,301,305,309,313,317,321,322,324,325,328,330,331,332,335,337,339,343,344,346,349,352,354,356,357,361,363,365,367,368,371,374,377,379,381,384,386,390,393,395,398,400,403,406,409,411,413,414,416,418,420,422,424,427,430,432,435,438,441,444,446,448,452,456,458,459,461,462,464,468,470,474,478,480,481,482,484,486,489,492,494,496,499,501,503,505,507,510,513,516,518,521,523,526,528,530,533,535,537,538,540,542,544,546,548,552,555,557,560,562,564,568,570,574,576,577,579,583,585,587,589,591,593,595,599,603,608,610,614,618,622,624,628,632],[113,48,43,285,114,48],"project\u002Fcritical\u002Fdesign",[287,48,43,285,288,48],"49870444","trevoragilbert",[272,48,48,290,11,43],"maker\u002Fneutral\u002Fdesign",[132,48,43,292,133,48],"project\u002Fcritical\u002Fexecution",[294,48,48,295,296,48],"49871153","commenter\u002Fcritical\u002Fexecution","kromokromo",[298,48,43,299,300,48],"49872095","project\u002Fcritical\u002Fnone","croes",[302,48,43,303,304,48],"49871222","project\u002Fcritical\u002Fpricing","willmeyers",[306,48,49,307,308,48],"49871264","project\u002Fpositive\u002Fpricing","fragmede",[310,48,43,311,312,48],"49874997","project\u002Fcritical\u002Fidea","oakpond",[314,48,48,315,316,48],"49871430","other\u002Fneutral\u002Fdesign","kryptiskt",[318,48,48,319,320,48],"49906875","commenter\u002Fneutral\u002Fdesign","lewispollard",[275,48,48,290,11,43],[182,48,18,323,183,48],"project\u002Fneutral\u002Fdesign",[278,48,48,290,11,43],[326,48,18,323,327,48],"49872747","bicx",[329,48,48,290,11,43],"49874747",[117,48,43,285,118,48],[121,48,43,285,122,48],[333,48,48,334,327,48],"49873186","commenter\u002Fneutral\u002Fnone",[336,48,48,290,11,43],"49874741",[338,48,48,290,11,43],"49874730",[340,48,48,341,342,48],"49871620","other\u002Fneutral\u002Fnone","rvz",[187,48,43,303,188,48],[58,48,48,345,11,43],"maker\u002Fneutral\u002Fpricing",[347,48,43,292,348,48],"49885503","nekooooo",[350,48,43,285,351,48],"49874131","Foobar8568",[353,48,48,290,11,43],"49874750",[265,48,18,355,266,48],"project\u002Fneutral\u002Fnone",[136,43,43,292,137,48],[358,43,18,359,360,48],"49873992","project\u002Fmixed\u002Fidea","MattyRad",[362,43,48,290,11,43],"49874546",[364,43,48,290,11,43],"49881940",[251,34,48,366,252,48],"other\u002Fneutral\u002Fidea",[166,18,43,285,167,48],[369,18,48,334,370,48],"49872136","sajithdilshan",[372,18,48,334,373,48],"49881733","GPerson",[375,18,48,334,376,48],"49882828","nickdurfe",[378,18,48,334,373,48],"49886387",[79,50,49,380,80,48],"project\u002Fpositive\u002Fidea",[382,50,48,383,11,43],"49871308","maker\u002Fneutral\u002Fidea",[195,49,18,385,196,48],"project\u002Fneutral\u002Fidea",[387,49,48,388,389,48],"49870398","commenter\u002Fneutral\u002Fexecution","vunderba",[391,49,48,341,392,48],"49870749","XenophileJKO",[394,49,48,388,389,48],"49871060",[396,49,48,397,11,43],"49871771","maker\u002Fneutral\u002Fexecution",[244,46,49,399,245,48],"project\u002Fpositive\u002Fexecution",[401,46,48,402,11,43],"49871996","maker\u002Fneutral\u002Fnone",[404,46,48,334,405,48],"49879792","rsx88",[407,269,48,366,408,48],"49869858","Razengan",[170,269,18,410,171,48],"project\u002Fmixed\u002Fdesign",[412,269,48,290,11,43],"49881894",[258,269,48,341,259,48],[415,269,48,341,196,48],"49870292",[417,269,48,341,408,48],"49870962",[419,269,48,341,196,48],"49871482",[421,269,48,341,408,48],"49871525",[423,269,48,341,196,48],"49871693",[425,269,48,341,426,48],"49871224","ciberado",[428,269,48,366,429,48],"49870639","richarme",[431,269,48,341,408,48],"49871595",[433,269,49,399,434,48],"49870725","andelink",[436,269,48,437,11,43],"49871316","maker\u002Fpositive\u002Fnone",[439,45,43,311,440,48],"49871259","devindotcom",[442,41,48,341,443,48],"49872363","alasano",[445,41,48,334,175,48],"49872469",[447,41,48,334,443,48],"49872493",[449,450,48,341,451,48],"49906928",10,"kevinnzheng",[453,454,43,285,455,48],"49871641",11,"BugsJustFindMe",[457,454,48,290,11,43],"49871775",[211,39,18,385,212,48],[460,39,48,383,11,43],"49881832",[101,33,49,380,102,48],[463,33,48,383,11,43],"49881866",[465,466,49,380,467,48],"49871757",14,"boredemployee",[469,466,48,402,11,43],"49871999",[471,472,43,299,473,48],"49872057",15,"royal__",[475,476,43,285,477,48],"49874530",16,"nomilk",[479,476,48,290,11,43],"49881853",[155,32,43,292,156,48],[65,32,48,397,11,43],[236,483,49,380,237,48],18,[485,483,48,383,11,43],"49881882",[222,487,49,488,223,48],19,"project\u002Fpositive\u002Fdesign",[490,487,43,285,491,48],"49874002","boxed",[493,487,48,290,11,43],"49874556",[495,487,43,285,223,48],"50000128",[497,487,48,498,11,43],"49874559","maker\u002Fpositive\u002Fdesign",[151,500,43,292,152,48],20,[502,500,48,397,11,43],"49881841",[90,504,49,380,91,48],21,[144,506,18,323,145,48],22,[508,506,43,311,509,48],"49870301","zaxioms",[511,506,48,334,512,48],"49870399","userbinator",[514,506,48,334,515,48],"49870433","johnfn",[517,506,48,334,509,48],"49870550",[519,506,48,334,520,48],"49870723","0gs",[522,506,48,334,515,48],"49870744",[524,506,48,334,525,48],"49875708","vintermann",[527,506,48,334,512,48],"49870741",[529,506,48,334,525,48],"49875124",[531,506,48,334,532,48],"49871589","vor_",[534,506,18,355,389,48],"49870309",[536,506,43,311,145,48],"49870531",[68,506,48,402,11,43],[539,506,43,299,525,48],"49875105",[94,541,49,380,95,48],23,[140,543,43,285,141,48],24,[218,545,43,285,219,48],25,[547,545,48,290,11,43],"49874765",[549,550,43,292,551,48],"49870753",26,"mft_",[553,550,43,292,554,48],"49870824","losteric",[556,550,48,397,11,43],"49871314",[558,550,18,559,551,48],"49871880","project\u002Fneutral\u002Fexecution",[561,550,48,397,11,43],"49871995",[105,563,49,488,106,48],27,[565,566,43,292,567,48],"49878953",28,"toastal",[199,569,49,380,200,48],29,[571,572,49,399,573,48],"49870733",30,"bitwize",[159,575,43,292,160,48],31,[125,35,18,355,126,48],[578,35,48,323,11,43],"49874554",[580,581,43,311,582,48],"49873774",33,"weedfroglozenge",[174,584,18,323,175,48],34,[586,584,48,290,11,43],"49872002",[588,584,18,402,145,48],"49872029",[590,584,48,334,175,48],"49872064",[592,584,48,334,145,48],"49872107",[594,584,48,334,175,48],"49872144",[596,597,49,380,598,48],"49870488",35,"namirsab",[600,601,18,355,602,48],"49872842",36,"chacal",[604,605,49,606,607,48],"49872480",37,"project\u002Fpositive\u002Fnone","francodosha",[609,605,48,437,11,43],"49874560",[611,612,48,341,613,48],"49873086",38,"px1999",[615,616,48,341,617,48],"49872610",39,"lolakutty",[619,620,18,385,621,48],"49882960",40,"MetroWind",[83,623,49,488,84,48],41,[625,626,49,606,627,48],"49870428",42,"rishirathod1165",[629,630,48,341,631,48],"49872710",43,"Daunk",[633,634,43,311,405,48],"49879842",44,[],[637,642,646,650,655,660],{"id":638,"name":639,"points":640,"category":641},"49833867","Whiteboard (YC W26)",424,"dev_tools",{"id":643,"name":644,"points":645,"category":641},"49858513","Reladraw",415,{"id":647,"name":648,"points":649,"category":20},"49898778","Real-time Solar System (space.bl2.net)",408,{"id":651,"name":652,"points":653,"category":654},"49845172","Jev Plays Pokémon",282,"ai",{"id":656,"name":657,"points":658,"category":659},"49837006","Koi.rest",228,"consumer_social",{"id":661,"name":662,"points":663,"category":659},"49879401","HN.watch",226,false,"v2",{"id":667,"name":5,"line":6,"ai":664,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":668,"top":18,"kw":669,"maker":11,"domain":10,"tier":19,"attempts":48,"strip":670,"url":9,"mix":671,"praise":75,"objection":110,"sub":21},49869574,-0.15,[24,25,26,27,28],"1123111121050530051153151310012135120534",[32,33,34,35],1794036710960]