Show HN: Lofi Cities – 像素艺术城市夜景与浏览器生成的低保真音乐

# Lofi Cities · 无限Lofi音乐的像素艺术城市夜景 来源：https://loficities.com/ ## 关于 Lofi Cities Lofi Cities 是一款免费的网页应用，将动画像素艺术城市夜景与浏览器实时生成的无限Lofi音乐相结合。选择一座城市让它运行即可：每个场景都是480×270像素的动画，每四分钟无缝循环，拥有独立的天气、地标和城市声音，同时全新的Lofi曲目会即时生成。 无需安装、无需账号、无弹窗广告。它可在电脑、手机和平板上运行，为学习、工作或放松提供宁静的背景。 每座城市都有一个出租广告牌，上面写着虚构的本地广告，直到有商家入驻。您可以将您的业务投放到广告牌上（https://tally.so/r/rj7bY5）。 ### 更新内容 - 9月27日：手机和笔记本电脑更轻量：120Hz屏幕像其他屏幕一样每秒绘制场景60次，雪花和落叶的绘制成本降低，且快速切换城市不再积压城市声音。 - 9月27日：城市名称下的“今日”计数现在从您所在地的午夜开始，并只在您的一天中递增，而非统计过去24小时。 - 9月27日：更新更可靠：切换城市在部署新版本时仍可正常工作，中断的离线更新会保留最后一个完整副本。 所有更新（https://loficities.com/whats-new/） ### 城市列表 - 巴黎（https://loficities.com/paris/）阁楼窗边的雨声 锌皮屋顶下画家的阁楼，雨水打在窗户上，远处埃菲尔铁塔闪烁光芒。 - 东京（https://loficities.com/tokyo/）东京塔旁的霓虹雨 霓虹招牌、樱花与湿润的柏油路，东京塔发光，火车驶过高架桥。 - 纽约（https://loficities.com/new-york/）布鲁克林大桥上的雪 布鲁克林大桥旁的冬日雪夜，曼哈顿天际线隔东河相望。 - 伦敦（https://loficities.com/london/）泰晤士河上的雾 泰晤士河上的雾气与细雨，南岸有议会大厦、伦敦眼和维多利亚式酒吧。 - 里约热内卢（https://loficities.com/rio/）科帕卡巴纳的夏夜 科帕卡巴纳上方的阳台，可见救世基督像、糖面包山和海湾上的烟花。 - 伊斯坦布尔（https://loficities.com/istanbul/）博斯普鲁斯海峡之夜 面向历史半岛的屋顶茶花园，海峡上有渡轮与海鸥。 - 香港（https://loficities.com/hong-kong/）维多利亚港夜色 九龙拥挤的屋顶面向香港岛天际线，渡轮、红帆帆船与维港灯光秀。 - 悉尼（https://loficities.com/sydney/）港边蓝花楹之夜 港边公园内盛开的蓝花楹下，望向悉尼歌剧院与海港大桥。 - 旧金山（https://loficities.com/san-francisco/）金门大桥上的雾 雾气漫过金门大桥，从陡峭的俄罗斯山街可望见缆车与彩绘维多利亚式建筑。 - 汉堡（https://loficities.com/hamburg/）易北河上的港灯 HafenCity上空风雨交加，可见易北爱乐音乐厅、仓库城和易北河对岸的集装箱起重机。 - 阿姆斯特丹（https://loficities.com/amsterdam/）运河上的桥灯 春夜温和的运河码头，可见西教堂塔楼、山墙房屋、船屋和灯光装饰的桥梁。 ### 音乐运作方式 每首曲目都通过Web Audio API即时创作：一段和弦进行、一个鼓节奏、一条贝斯线，通常还有旋律，最后加上磁带颤动和黑胶唱片噼啪声。所有内容都是实时合成，没有使用采样或录音，因此音乐流永远不会用尽。 “氛围”面板选择风格：爵士嘻哈（默认：Rhodes电钢琴、爵士和弦与68-88 BPM的摇摆鼓点）、钢琴（柔和的毛毡钢琴与轻柔鼓点）、氛围（缓慢温暖的音垫，几乎无鼓点，适合睡眠与深度专注）、波萨（波萨诺瓦节奏上的尼龙吉他）、合成器（80年代城市流行合成器）、浩室（柔和的四四拍底鼓上的Lofi深浩室）、吉他（清音电吉他，慵懒节奏上的指弹）、悲伤（缓慢小调和弦与孤寂的弱音小号）或中世纪（手鼓上的鲁特琴与竖笛）。新风格将在下一首曲目开始时生效。 它还能设置情绪：放松（更慢更暗）或欢快（更快更亮），并播放完整乐队、无鼓点或仅和弦。 曲目标题受屏幕上的城市启发，独立的氛围层在音乐下方混合该城市的环境音。“即将播放”列表显示即将到来的曲目，您可以立即选择一首播放。音乐和城市声音各有独立音量滑块。城市声音混音器更进一步，为城市的每种声音提供滑块：调高雨声、关闭交通或调低钟声，此设置会延续到所有包含该声音的城市。 “天气”按钮（W）为任何城市带来雨、雪、秋叶或晴朗夜晚，城市声音和曲目标题随之变化：雨带来雨声，雪带来风声。 Lofi Cities音乐制作原理（https://loficities.com/how-it-works/） ### 键盘快捷键 ← →1–90切换城市/所有城市：每座城市的本地时间预览与搜索 C城市巡游开/关：每隔几分钟切换到新城市，或跟随夜晚 W天气：城市自有天气、雨、雪、秋叶或晴朗，应用于所有城市 空格键播放或暂停音乐 N下一首曲目 Q即将播放：查看即将播放的曲目并立即选择 A城市声音混音器：为城市的每种声音提供滑块 V氛围：风格（从放松到欢快）、完整乐队、无鼓点或仅和弦 T计时器：专注计时（25/5或50/10分钟，循环）与睡眠计时（淡出并暂停） G互动：表情反应与天灯 L在城市上空释放一盏天灯 M静音 F全屏（或双击场景） P迷你播放器：场景以画中画窗口漂浮在其他应用上方（电脑上且浏览器需支持） H隐藏或显示界面 S将当前帧保存为1080p PNG?打开或关闭此面板 ### 常见问题 Lofi Cities是什么？ 一个在loficities.com上的免费网站，展示像素艺术动画城市夜景（巴黎、东京、纽约、伦敦、里约热内卢、伊斯坦布尔、香港、悉尼、旧金山、汉堡和阿姆斯特丹），搭配浏览器实时创作的无限Lofi音乐及各城市环境音。 Lofi Cities是免费的吗？ 是的。它完全在浏览器中运行，无需下载、无需账号、无弹窗广告。 音乐从何而来？ 音乐在您收听时于浏览器中生成。和弦、鼓点、贝斯和旋律通过Web Audio API合成，无采样或录音，因此每首曲目都是新的，音乐永不间断。“氛围”按钮（或V键）选择风格（爵士嘻哈、Lofi钢琴、氛围、波萨诺瓦、合成器城市流行、Lofi浩室、放松吉他、悲伤Lofi或中世纪Lofi），设置放松或欢快情绪，并播放完整乐队、无鼓点或仅和弦。 为什么音乐没有立即开始？ 浏览器会在您与页面交互前阻止声音播放。点击、轻触或按任意键，音乐就会开始；播放按钮可暂停和恢复。 可以将它用作学习或工作的背景吗？ 这正是它的设计用途。按F全屏，按H隐藏界面，或按P进入迷你播放器：画中画窗口让场景漂浮在其他应用上方（电脑上且浏览器需支持）。当您停止移动鼠标时，控制面板也会自动淡出。 它可以自动切换城市吗？ 可以。城市选择器旁的“巡游”按钮（或C键）可设置每5、10、15或30分钟切换到下一座城市，或跟随夜晚：显示最接近当地凌晨1点的城市，随着小时推移从悉尼向西至旧金山。同个时区的城市（如巴黎、汉堡和阿姆斯特丹）会轮流显示。 可以改变天气或季节吗？ 可以。巡游按钮旁的“天气”按钮（或W键）可为任何城市带来雨、雪、飘落秋叶或晴朗夜晚，或恢复城市绘制时的天气：纽约的冬季雪景、伦敦和汉堡的秋季、东京和悉尼的春季樱花。城市声音随之变化，因此雨会带来雨声，您的选择会保留至下次访问。 现在有多少人在收听？ 城市名称下的发光药丸显示此信息，例如“当前23人·东京5人·今日480人”：当前打开Lofi Cities的人数、其中多少人在您的城市，以及自您所在地午夜以来访问的浏览器数量。当无人访问时，仅显示当日数字（“今日480人”），若今日无人访问则隐藏。您也可以向同城市的人打招呼：使用播放器中的“互动”按钮（或G键）选择爱心、音符、星星或月亮，然后点击场景从该点在所有人屏幕上飘起；或释放天灯（L），它会在城市上空升起约一分钟，对所有人位置相同，包括升起时到来的人。一切匿名，无聊天、无姓名、无账号：浏览器本地存储中的随机ID（非Cookie）使您的标签页计为一人，服务器会在您上次访问后约25小时删除此ID。页面还会告知服务器您一天的开始时间，因此“今日”从您的午午夜开始计算，离开时也会删除。唯一保留的数据是仍在空中的天灯。 有番茄钟或睡眠定时器吗？ 有。按T或时钟按钮。专注计时器以25分钟专注/5分钟休息（或50/10分钟）循环，每次休息有柔和提示音，返回时有铃声提醒。睡眠定时器在15到90分钟后淡出音乐和城市声音，然后暂停。 可以在OBS中将Lofi Cities用作直播背景吗？ 可以。添加一个浏览器源，设置为1920×1080，地址为城市页面URL加?obs，例如https://loficities.com/tokyo/?obs。界面保持隐藏，音乐自动开始；勾选“通过OBS控制音频”将其混入您的音频。与源交互可使用方向键切换城市，N键跳过曲目，或W键更改天气，也可在地址后加&weather=snow（rain、leaves或clear）。 在手机和平板上可用吗？ 可以。竖屏模式下每座城市的地标和广告牌保持可见，可拖动场景查看四周，滑动超过尽头会切换城市。所有控件支持触摸操作。 离线能用吗？ 可以。在线时打开一次后即可无网络运行，包含所有城市和音乐，因为两者均在浏览器中生成。您还可以通过浏览器的“安装”或“添加到主屏幕”选项将其安装为应用（iPhone和iPad：分享→添加到主屏幕）。 可以将场景保存为壁纸吗？ 可以。播放器中的保存按钮（向下箭头）将当前帧保存为1080p PNG，S键也具有相同功能。 我的业务可以在Lofi Cities中出现吗？ 可以。每座城市都有出租广告牌，您的咖啡馆、商店、工作室或品牌可以像素艺术形式绘制。填写简短表格联系（https://tally.so/r/rj7bY5）。 谁制作了Lofi Cities？ Lofi Cities由Safa Elmali制作。您可以通过页面右上角的“请我喝咖啡”链接支持它。 可以申请新城市吗？ 可以。通过X（https://x.com/SafaElmali）向Safa Elmali发送您的想法（城市选择器末尾的“申请城市”链接或网站右上角的X链接）。新城市会陆续添加：香港、悉尼、旧金山、汉堡和阿姆斯特丹已加入最初的六座城市。 可以购买城市视频吗？ 可以。通过“获取视频循环”链接或保存菜单在Gumroad购买11城市合集。每个AI辅助视频是四分钟1920×1080 MP4循环，60fps，无音频。允许个人使用及视频或直播背景（包括盈利内容），需按产品页指定方式署名Lofi Cities。本站听到的音乐和城市声音不包含在下载中。网站保持免费。 Lofi Cities使用Cookie吗？ 不使用。无登录、无Cookie。匿名使用统计数据（如查看哪些城市）在不使用Cookie的情况下收集，发送“请勿跟踪”请求的浏览器会被排除（实时计数仍会匿名统计标签页）。您的设置（如最后访问的城市、音量和氛围）以及用于统计和实时计数的匿名随机ID保存在浏览器的本地存储中。