↓ 跳过正文
  1. Posts/

把开源字符 MV world.execute(me); 搬到浏览器

·1 分钟·
Windy Rain
作者
Windy Rain
欢迎来到 Windy Rain 的小站,这里记录一些技术折腾与生活碎片。

最近看到一个开源项目:world.execute-me-ascii。原作者把 Mili 的 《world.execute(me);》 做成了终端里的字符 MV,画面由字符、数字和符号组成,跟着音乐变化,还带有中英双语字幕。

觉得这个效果很有意思,就在原项目基础上做了 Web 移植,放到这个小站上,方便直接打开播放。动画编排、字符场景和字幕都沿用原项目,这次的改动主要是 Rust / WebAssembly 移植,以及浏览器播放、全屏和手机布局的适配。

点击播放 world.execute(me);

操作很简单:空格播放或暂停,左右方向键跳转五秒,数字 1–5 切换章节。全屏时画面会按屏幕尺寸重新布局,按 Esc 或 F 返回页面。

播放页也沿用了博客的导航和配色,播放器嵌在页面里。点进去按播放即可,桌面端推荐全屏,手机推荐横屏。

感谢原项目作者分享。原曲与歌词来自 Mili《world.execute(me);》。

相关文章

你好,世界

·1 分钟
欢迎来到 Windy Rain 的第一个页面。 这个站点用 Hugo + Blowfish 搭建,部署在一台装有 Nginx 的服务器上,支持 HTTPS。

关于

你好,欢迎来到 Windy Rain。 这里是一个用来记录技术折腾、读书笔记和生活碎片的小站。站点使用 Hugo 构建,主题是 Blowfish,跑在 Nginx 上。

这个站是怎么搭起来的

·1 分钟
简单记录一下这个站的技术栈。 组件 用途 Hugo 静态站点生成 Blowfish 站点主题 Nginx (Docker) Web 服务器 Let’s Encrypt HTTPS 证书 一些细节 # 站点构建为纯静态文件,由 nginx:alpine 容器托管 证书使用 certbot 的 webroot 模式签发并自动续期 服务器位于阿里云上海 以后有新折腾再补充。