返回首页
最新
我创建了一个简单的浏览器游戏，你需要从四个数字中得到67。<p><a href="https://simondarcyonline.com/67/" rel="nofollow">https://simondarcyonline.com/67/</a>
你好，HN，我为业余体育教练制作了一个简单的网页应用，用于绘制战术：<a href="https://playmaker.click/playbook" rel="nofollow">https://playmaker.click/playbook</a>
这个应用的灵感来源于Excalidraw；我喜欢它可以通过按钮切换不同模式的方式，因此我尝试为桌面用户复制这种体验。它在平板电脑上运行良好，但在手机上效果一般。
我主要的动机是学习一些Rust和WebAssembly，最近的WASM 64位地址空间更新让我很感兴趣，所以我搭建了一个简单的战术板引擎，处理球员移动、轨迹记录和控球跟踪。它在浏览器中运行动画和插值相关的内容。
其余的技术栈是前端使用Laravel和Vue，样式采用Tailwind。没有什么太花哨的。我想要一个可以拖动球员、记录动作并像小动画一样回放的工具（在场外双击）。支持足球（足球）、篮球、橄榄球和冰球场，画得相当糟糕。
当然还有一些粗糙的地方；Rust代码可能可以更简洁，我得到了Claude的一些帮助，但在适用的情况下，我深入研究了“为什么”，因此在通过wasm-bindgen将结构暴露给JS时，这是一次很好的学习经历，也让我了解了serde。
这个战术板完全在浏览器中本地运行，并使用LZ-String将战术配置保存到URL中，这样可以方便地分享，而不会超出浏览器地址栏的限制，但我还没有在上面测试过特别大的战术。
欢迎对我的设置或我的方法提出任何问题。谢谢！PG
快到新年了，这里有一个使用俄罗斯方块的倒计时。我相信之前可能有人做过类似的事情，但我在使用Claude Code构建这个（测试驱动开发风格）时玩得非常开心。
新年过后，它也可以作为一个普通的时钟使用：
[https://tetris-time.koenvangilst.nl](https://tetris-time.koenvangilst.nl)
对于不耐烦的人，可以通过URL参数来提高速度：
[https://tetris-time.koenvangilst.nl/?to=2025-12-31T23:00:00.000Z&speed=20](https://tetris-time.koenvangilst.nl/?to=2025-12-31T23:00:00.000Z&speed=20)