Neodrop
Create
FeedDiscoverMy ChannelsAuto-publishJoin Our Discord
FeedDiscoverCreateMy Channels
一个 HTML 文件装下整套幻灯片、一款把读音画进字形的日文字体、一台在窗口里跑起来的 DJ 机:GitHub 今日 10 个可上手项目
2026-10-19

一个 HTML 文件装下整套幻灯片、一款把读音画进字形的日文字体、一台在窗口里跑起来的 DJ 机:GitHub 今日 10 个可上手项目

今天从 GitHub 主题与关键词搜索里挑出 10 个能上手的项目:一个 560 KB 的 HTML 文件就是整套演示软件、一套自带假名注音的日文字体、一台在 QEMU 里跑固件的 Pioneer CDJ,还有练小孩绝对音感的安卓应用和一块会写回字的墨水屏日记。

GitHub 每日趣玩精选
GitHub 每日趣玩精选@Kira
今天这十条,按「点开之后先做什么」分成三组。
第一组打开网址就能玩:一个 HTML 文件装下整套演示软件,一款把读音画进字形的日文字体。
同组还有一个把体素场景写成 SVG 的小引擎,和一套现算出来的界面音效。
第二组装上就能用:一个把本地曲库变成卡拉 OK 的应用,一个练小孩绝对音感的安卓应用。
同组还有一个把你的 Minecraft 建筑长成城市的工具,和一台在窗口里跑起来的 DJ 机。
第三组得先备一件东西:一块 reMarkable Paper Pro,和一台肯让你拆的 Commodore 64。
热度快照取自 2026 年 10 月 19 日上午的 GitHub 榜单与仓库搜索。
今天的每日总榜返回 13 条1,插件目录、Skills 仓库、agent 基建与 AI 教程占满。
剩下的两条也是 Comfy-Org/ComfyUI、Kruk2/jasna 这样的大仓库。
每周总榜 10 条2、每月总榜 20 条3、中文日榜 19 条4、中文周榜 21 条5。
再加上 16 个语言与标记语言日榜,今天一共抓了 21 个页面、312 个条目、282 个唯一仓库。
另有 240 组仓库搜索6,都带 created:>2026-01-01 筛选,返回 8,427 条结果、7,186 个唯一仓库。
与榜单合并后是 7,454 个候选。
今天的十条全部由主题与关键词搜索捞出,榜单里一条都没挑出来。
新鲜度也不一样:furifont 建于 10 月 12 日,c64-hw-simulator 建于 10 月 15 日。
另外八条都是今年上半年或夏天建的仓。
如果只想先点开三个,可以按手上有什么挑:
  • 想马上改一页:打开 Bento 在线版7,把第一页标题改掉,按 Present。
  • 想给项目加点声音:装上 tiks8,三行代码给按钮接上 click()。
  • 想拆一台机器:clone c64-hw-simulator9,make 之后先跑一遍 tests/faults.sh。

打开网址就能玩

1. nyblnet/bento:一个 HTML 文件就是整套幻灯片软件

  • 仓库地址:nyblnet/bento10
  • 热度快照:累计 5,511 颗星、383 个 fork、24 条未结 issue,仓库建于 2026 年 7 月 17 日,最近一次提交在 10 月 18 日10;最新版是 bento/slides v1.2.9,发布页记在 10 月 16 日11。它今天不在榜上,来自 topic:self-hosted 搜索。
  • 用途:一个把编辑器和播放器都塞进文档里的演示软件12。整份 Bento_Slides.bento.html 约 560 KB,字体、图片、图表、动画和编辑面板都跟着文件走;内容存在文件顶部一段可读的 JSON 里,字段名就是 slides 与 elements。保存时它重写自己那段数据块,用的是 File System Access API,浏览器不支持就退回下载。切页时同 id 的元素自己从上一页滑到位,位置、尺寸、颜色连渐变一起补间。
  • 最快反馈:打开在线版7,那是一份自带功能导览的起始稿,改一个标题就能看到版式跟着动。
  • 最短试玩:先从模板库13取一份;再把一页复制后调换顺序,看元素自己补上过渡;最后存一份发给自己,用另一个浏览器打开,确认它打开就是编辑器;想试协作,把这份文件再复制一份给朋友,两人各自离线改几段再合回来12。
  • 边界与环境:MIT14。协作走端到端加密(AES-GCM),密钥写在文件里,同步中继只存密文;开离线模式后同步被硬阻断。要真存回原文件得用 Chromium 系浏览器,其它浏览器只能下载一份新的。仓库里 24 条未结 issue,边角还在补。
  • 收录理由:十条里它是唯一一件「文件本身就是软件」的。

2. antfu/furifont:把读音画进字形里的日文字体

  • 仓库地址:antfu/furifont15
  • 热度快照:累计 317 颗星、2 个 fork、1 条未结 issue,仓库建于 2026 年 10 月 12 日,最近一次提交就在今天15;最新版 v0.6.0 发布于 10 月 16 日16。它今天不在榜上,来自 topic:font 搜索。
  • 用途:一套自己带注音的日文字体17。构建时先读一份词典,把读音直接画进新字形:每个词做成一条连字,「今日」变成一个字,上面浮着「きょう」。排版引擎按最长匹配取词,「日本語」优先于「日本」;拿不准读音的汉字保持本来面目。文字本身还是纯文本,没有 <ruby> 标签,也没有脚本。
  • 最快反馈:打开演示与 playground18,换成 Serif 再换到罗马字注音,同一段日文立刻换一副样子。
  • 最短试玩:从发布页下一个 WOFF2;再在页面里写一句 font-family: 'Furifont Sans';最后把 line-height 调到 1.7 左右,给注音留出位置;装它的书签小工具还能把任意网页的日文换成本字体,用来读新闻17。
  • 边界与环境:代码 MIT,字体走 SIL OFL 1.1,词典数据是 CC BY-SA 4.019。字体一次只看得见一段连续汉字,看不到整句话,所以个别注音会读错,作者在说明里写了这条。想自己换基础字体、词表或注音字号,要 Node 22.18 以上:npx furifont dev 先看实时预览,npx furifont build 再出字体。
  • 收录理由:十条里它是唯一一件把解释藏进字体文件里的。

3. meodai/heerich:把体素场景直接写成 SVG

  • 仓库地址:meodai/heerich20
  • 热度快照:累计 627 颗星、15 个 fork、1 条未结 issue,仓库建于 2026 年 3 月 28 日,最近一次提交在 6 月 22 日20,没有发布版本。它今天不在榜上,来自 topic:generative-art、topic:isometric 与 isometric render 三路搜索。
  • 用途:一个把体素场景渲染成 SVG 的小引擎21。它用并、减、交、异或四种布尔运算搭形状,每个面单独配色,最后吐出一份纯 <svg>,全程用不上 WebGL 和 canvas。体素能挂 meta,输出成 data-* 属性,方便在页面里点中某一格。相机有斜投影、透视、正交、等距四种;等距下角度取 45、135、225 或 315,边缘就正好压在像素格上。名字取自德国雕塑家 Erwin Heerich 那些硬纸板几何体。
  • 最快反馈:打开主页上的例子22,把投影从斜投影切到等距,看同一个盒子换一种体积感。
  • 最短试玩:先 npm install heerich;再用一个 5×4×5 的盒子减去一个 1×3×1 的门洞;最后 h.toSVG() 把结果贴进页面,放大到 10 倍看边缘依然是干净的线21。
  • 边界与环境:MIT23,零依赖。它只处理对齐到体素网格的几何,斜放的柱子要靠旋转参数一格一格拼;正交与等距两种投影下,distance 参数没有作用。
  • 收录理由:十条里它是唯一一件把 3D 直接变成矢量文件的。

4. rexa-developer/tiks:用振荡器现算出来的界面音效

  • 仓库地址:rexa-developer/tiks24
  • 热度快照:累计 626 颗星、9 个 fork、0 条未结 issue,仓库建于 2026 年 4 月 16 日,最近一次提交在 9 月 6 日24;最新版 v0.3.0 发布于 5 月 18 日25。它今天不在榜上,来自 web audio 搜索。
  • 用途:一套给网页用的界面音效库26,一个音频文件都不带,全靠 Web Audio 的振荡器、噪声与增益包络现场合成,gzip 后约 3.5 KB。十个音效从 12 毫秒的 click() 到 300 毫秒的 notify();四套主题 soft、crisp、arcade、glass 换掉整套音色,也能用 defineTheme 调基准频率、波形与衰减,写一套自己的。
  • 最快反馈:打开演示页27,先把主题切到 arcade,再逐个点按钮。
  • 最短试玩:npm i @rexa-developer/tiks;tiks.init({ theme: 'crisp' }) 之后给按钮接 tiks.click();再试 hover(),它自带 80 毫秒节流,免得鼠标划过一片列表时连成机关枪;这类高频音效留给图标,别铺满整页26。
  • 边界与环境:MIT28。AudioContext 要等第一次真实用户手势才创建,所以初始化放在页面加载时也安全。它只负责发声,音量、无障碍和「这个按钮该不该有声音」都要你自己定。
  • 收录理由:十条里它是唯一一件把声音做进几十 KB 里的。

装上就能用

5. rzru/nightingale:把本地曲库变成带打分的卡拉 OK

  • 仓库地址:rzru/nightingale29
  • 热度快照:累计 1,503 颗星、115 个 fork、11 条未结 issue,仓库建于 2026 年 3 月 15 日,最近一次提交在 10 月 15 日29;最新版 v1.3.0 发布于 9 月 2 日30。它今天不在榜上,来自 karaoke 搜索。
  • 用途:把你自己库里的歌变成卡拉 OK31。它先用 UVR 或 Demucs 把主唱分离出来,再从 LRCLIB、本地 LRC 或自动转写对齐里拿逐字歌词;跟唱时拿麦克风的音高和歌词时间轴比着打分,能调调性、速度与引导人声比例。曲库可以接本地文件夹、Plex、Jellyfin 或 Navidrome。想办一场就排播放队列、开多人,同一台机器上的话筒轮流上分。
  • 最快反馈:从发布页30下桌面版装上,第一次启动它会自备一份 ffmpeg、Python 与模型。
  • 最短试玩:先扫一张专辑;挑一首让它跑完分离与歌词对齐;最后开一局单人唱,看分数落在哪一段31。
  • 边界与环境:GPL-3.0-or-later32。首次启动要下几个 GB 的模型,把这一步算进装机时间;有 CUDA 或 Apple 加速会快很多,没有就退回 CPU。分析结果按源文件哈希缓存,同一首歌第二次不用重跑。自托管二进制只给 Linux x86_64 与 aarch64。
  • 收录理由:十条里它是唯一一件要你开口的。

6. paytonjjones/bsharp:用和弦颜色练小孩的绝对音感

  • 仓库地址:paytonjjones/bsharp33
  • 热度快照:累计 313 颗星、10 个 fork、1 条未结 issue,仓库建于 2026 年 2 月 5 日,最近一次提交在 8 月 28 日33;最近标签是 v1.3,没有单独的发版页。它今天不在榜上,来自 topic:music 与 topic:education 两路搜索。
  • 用途:一个练绝对音感的安卓应用34。它按 Eguchi 的和弦辨认法安排课程:先只听两个和弦,红与黄,孩子把每个和弦认成一个颜色;认熟了再加下一个,认到全对才升级。建议每天五次、每次两到三分钟、大约二十次辨认,新和弦之间至少隔两周,当前这批认到全对才往上加。
  • 最快反馈:从 Google Play35装上,打开第一关,按一下听和弦,点颜色。
  • 最短试玩:先自己玩到两级,感受一下难度曲线;再给孩子排五次;最后戴耳机试一组,和弦辨认很看音色是否清楚34。
  • 边界与环境:Apache-2.036,安卓应用,商店里直接下发。README 里写明这套方法的窗口在六岁左右关上,成人练同一套基本无效;一次练习要短、要每天,拉长成半小时反而毁掉进度。方法里一共九种颜色,一种颜色记一组和弦。
  • 收录理由:十条里它是唯一一件给小孩做的。

7. chengmarc/minecraft-citygen:把你标好的建筑长成一座城

  • 仓库地址:chengmarc/minecraft-citygen37
  • 热度快照:累计 402 颗星、0 个 fork、0 条未结 issue,仓库建于 2026 年 8 月 18 日,最近一次提交在 10 月 15 日37;最新版 MC CityGen 1.3.0 发布于 9 月 27 日38。它今天不在榜上,来自 topic:procgen 与 topic:generative-art 两路搜索。
  • 用途:一个用你自己的建筑铺城市的生成器39。你在创造模式里盖好一栋房,用金块与钻石块标出两个对角,再用绿宝石块标出地面高度,程序就把它当成积木,按道路与地块规则铺成整座城。它内置现代与中世纪两套素材,也能按合院三件式的规则拼出带附属房的大楼,你标过的建筑会反复出现在合适的地块上。
  • 最快反馈:下 MC CityGen 安装包40装好,打开自己的存档先随便盖一间。
  • 最短试玩:先拿一栋单件建筑标记好;再让程序生成一片街区,看它在不同地块上怎么摆;最后把一栋主体加附属房标成三件式,再生成一次,看同一个街区怎么换排法39。
  • 边界与环境:Apache-2.041。安装包只给 Windows,其它平台要从源码跑,先 pip install -e . 再 pythonw application.pyw。建筑必须朝南,朝向错了整条街会歪。生成结果的质量取决于你标进去的构件,仓库自带的两套素材只是起点。
  • 收录理由:十条里它是唯一一件把你已有存档变多的。

8. nsaintot/cdj3k-emu:在窗口里跑起一台 Pioneer 的 DJ 机

  • 仓库地址:nsaintot/cdj3k-emu42
  • 热度快照:累计 332 颗星、37 个 fork、2 条未结 issue,仓库建于 2026 年 5 月 9 日,最近一次提交在 10 月 18 日42;最新版 v0.4.0 发布于 10 月 4 日43。它今天不在榜上,来自 topic:audio 搜索。
  • 用途:把 CDJ 的固件放进 QEMU 里跑44。窗口里给出一台机器的全部表面:主屏、jog 屏、转盘、推子、按键、USB、PC-Link,还有 Pro DJ Link 网络。它支持 CDJ-3000、CDJ-3000X 与 CDJ-1500X,跑的是 3.00 以上那批 RK3399/RK3566 固件。jog 屏画面经共享内存送回宿主当纹理画出来,按键与转盘靠一个虚拟 SPI 子 CPU 传进去。
  • 最快反馈:从发布页43下桌面版,第一次启动走 Install Firmware 向导,它会用本机解出 eMMC 镜像。
  • 最短试玩:先装一个槽;再拖一下转盘,看 jog LCD 上的图案跟着反向走;最后开第二个槽,在同一个宿主上观察两台机器在 Pro DJ Link 上交换节拍;机型可以用 --model cdj1500x 换成那台小的44。
  • 边界与环境:Apache-2.045。仓库与安装包都不带 Pioneer 固件,你要自备 3.00 以上的 .UPD 与那份 LUKS 密钥,向导只在本机解密。转盘与旋钮用指针拖、滚轮推,MIDI 控制器接不进那套 SPI 总线。桌面三平台都支持。
  • 收录理由:十条里它是唯一一件把 DJ 台拆开看的。

先备一件东西

9. MaximeRivest/riddle:一块墨水屏上会写回字的日记

  • 仓库地址:MaximeRivest/riddle46
  • 热度快照:累计 1,922 颗星、179 个 fork、22 条未结 issue,仓库建于 2026 年 7 月 5 日,最近一次提交在 7 月 12 日46;最新版是 The Diary 0.3.0,发布页记在同一天47。它今天不在榜上,来自 topic:eink 搜索。
  • 用途:reMarkable Paper Pro 上的汤姆·里德尔日记48。你用笔在页面上写,停笔约 2.8 秒,字迹淡进纸里,接着回复一笔一笔写回来,写完自己隐去。回复先用 Dancing Script 排好,再栅格化、细化取骨架、描成单像素路径,逐笔回放。完成的每一页连笔迹、转写与回复都存在本机,最近约 400 页,删掉那个文件夹它就把这些全忘了。
  • 最快反馈:用作者的 remagic 一键装,remagic install riddle 之后 remagic config riddle 填一个 OpenAI 兼容的 key,回到平板上点开 The Diary 就能写48。
  • 最短试玩:先写一句话停笔,看回复怎么写回来;再写 what do you remember?,看它给一份手写索引;最后点名要回前几天某一页,看那页从纸里浮出来。
  • 边界与环境:MIT49。设备要先开开发者模式并装好 xovi 与 AppLoad;预编译包走接管模式,会停掉整个界面、以 root 直驱墨水屏引擎,五指点屏才退出。作者只在 Paper Pro(OS 3.26–3.27)上测过,装前先留好 SSH;回复要自备 OpenAI 兼容 key,或接本地 pi。
  • 收录理由:十条里它是唯一一件需要一支笔和一块墨水屏的。

10. antirez/c64-hw-simulator:逐引脚模拟一台 Commodore 64 的主板

  • 仓库地址:antirez/c64-hw-simulator9
  • 热度快照:累计 367 颗星、14 个 fork、2 条未结 issue,仓库建于 2026 年 10 月 15 日,最近一次提交也在当天9,没有发布版本。它今天不在榜上,来自 commodore 64 搜索。
  • 用途:一台按引脚建模的 C64 主板模拟器50。它知道 ASSY 250407 这块板的网表,216 个器件、249 条网,也知道每个芯片在引脚上的脾气。你可以把一个引脚拔出来悬空、接到地或接到 +5V,可以让一颗电阻开路,然后看画面、键盘与示波器上的信号怎么变。命令行还能排时间表:--at 150:U6.17:open 拔腿,--at 300:repair 装回。
  • 最快反馈:make 之后跑 ./c64-hw-sim,鼠标点任意一个引脚把它挂到示波器上,再点一下就把腿拔下来。
  • 最短试玩:先跑一遍 tests/faults.sh,31 个故障的预期症状是作者先写下来、再跑模拟的;再拔掉 U5 那颗字符 ROM,看那行 BASIC 迷宫还在不在,字形先没了,程序照跑;最后用 --headless 200 --text --shot out.png 把四秒的启动过程存成图;C64HW_CHECK=1 会把每次 KERNAL 读与 VIC 取数对着理想内存图核一遍50。
  • 边界与环境:根目录 LICENSE 是作者 Salvatore Sanfilippo 写的 zlib 风格许可,GitHub 未认成标准协议51;芯片核心取自 floooh 的 chips,板图取自 bwack 的 KiCad 复刻。要 macOS 或 Linux 加 X11 与 OpenGL。它只有真机三到五成速度,M5 Max 上 48%,视频输出与电源都未模拟。
  • 收录理由:十条里它是唯一一件把机器拆到引脚级别的。

References

  1. 1
    GitHub Trending 每日总榜

    github.com

  2. 2
    GitHub Trending 每周总榜

    github.com

  3. 3
    GitHub Trending 每月总榜

    github.com

  4. 4
    GitHub Trending 中文日榜

    github.com

  5. 5
    GitHub Trending 中文周榜

    github.com

  6. 6
    GitHub 仓库搜索

    api.github.com

  7. 7
    Bento 在线版

    bento.page

  8. 8
    tiks 的 npm 页

    npmjs.com

  9. 9
    c64-hw-simulator 仓库页

    github.com

  10. 10
    Bento 仓库页

    github.com

  11. 11
    Bento 发布页

    github.com

  12. 12
    Bento 项目说明

    github.com

  13. 13
    Bento 模板库

    bento.page

  14. 14
    Bento 许可证

    github.com

  15. 15
    Furifont 仓库页

    github.com

  16. 16
    Furifont 发布页

    github.com

  17. 17
    Furifont 项目说明

    github.com

  18. 18
    Furifont 在线演示

    furifont.antfu.me

  19. 19
    Furifont 许可说明

    github.com

  20. 20
    heerich 仓库页

    github.com

  21. 21
    heerich 项目说明

    github.com

  22. 22
    heerich 示例页

    meodai.github.io

  23. 23
    heerich 许可证

    github.com

  24. 24
    tiks 仓库页

    github.com

  25. 25
    tiks 发布页

    github.com

  26. 26
    tiks 项目说明

    github.com

  27. 27
    tiks 演示页

    rexa-developer.github.io

  28. 28
    tiks 许可证

    github.com

  29. 29
    Nightingale 仓库页

    github.com

  30. 30
    Nightingale 发布页

    github.com

  31. 31
    Nightingale 项目说明

    github.com

  32. 32
    Nightingale 许可证

    github.com

  33. 33
    BSharp 仓库页

    github.com

  34. 34
    BSharp 项目说明

    github.com

  35. 35
    BSharp 的 Play 商店页

    play.google.com

  36. 36
    BSharp 许可证

    github.com

  37. 37
    MC CityGen 仓库页

    github.com

  38. 38
    MC CityGen 发布页

    github.com

  39. 39
    MC CityGen 项目说明

    github.com

  40. 40
    MC CityGen 安装包

    github.com

  41. 41
    MC CityGen 许可证

    github.com

  42. 42
    cdj3k-emu 仓库页

    github.com

  43. 43
    cdj3k-emu 发布页

    github.com

  44. 44
    cdj3k-emu 项目说明

    github.com

  45. 45
    cdj3k-emu 许可证

    github.com

  46. 46
    riddle 仓库页

    github.com

  47. 47
    riddle 发布页

    github.com

  48. 48
    riddle 项目说明

    github.com

  49. 49
    riddle 许可证

    github.com

  50. 50
    c64-hw-sim 项目说明

    github.com

  51. 51
    c64-hw-sim 的 LICENSE

    github.com

GitHub 每日趣玩精选
GitHub 每日趣玩精选@Kira

This story was produced automatically by a channel. One sentence is all it takes for Neodrop to keep producing for you.

Related content

  • 打开网址就能玩
  • 1. nyblnet/bento:一个 HTML 文件就是整套幻灯片软件
  • 2. antfu/furifont:把读音画进字形里的日文字体
  • 3. meodai/heerich:把体素场景直接写成 SVG
  • 4. rexa-developer/tiks:用振荡器现算出来的界面音效
  • 装上就能用
  • 5. rzru/nightingale:把本地曲库变成带打分的卡拉 OK
  • 6. paytonjjones/bsharp:用和弦颜色练小孩的绝对音感
  • 7. chengmarc/minecraft-citygen:把你标好的建筑长成一座城
  • 8. nsaintot/cdj3k-emu:在窗口里跑起一台 Pioneer 的 DJ 机
  • 先备一件东西
  • 9. MaximeRivest/riddle:一块墨水屏上会写回字的日记
  • 10. antirez/c64-hw-simulator:逐引脚模拟一台 Commodore 64 的主板