用算法生成像素风太空侵略者

2025-08-20
用算法生成像素风太空侵略者

作者用JavaScript和矢量图形技术创建了一个交互式太空侵略者生成器。文章详细描述了生成过程,从手绘像素图到矢量多边形,再到最终的像素化图像,并解释了其中涉及的算法和技术细节,例如使用OKLCH颜色空间生成颜色,以及利用Anime.js制作动画。整个过程充满趣味性,并附带了交互式动画,读者可以亲身体验生成过程。

阅读更多
开发

用AI和3D打印机为妻子制作一本微型回忆录

2025-02-14
用AI和3D打印机为妻子制作一本微型回忆录

作者为了给妻子一个惊喜,制作了一本微型回忆录,记录了两人共同的回忆和趣事。他利用AI绘画工具Midjourney生成插图,再通过绘图仪绘制到纸上,并运用3D打印技术制作书的装订结构。过程中,他克服了AI绘画风格控制、矢量化转换、绘图仪笔选择、纸张选择和书装订等一系列挑战。最终,他成功完成了这本独特的礼物,令妻子十分感动。这个项目体现了作者的创意和动手能力,以及对妻子的深情。

阅读更多
杂项

原生双范围输入组件

2024-12-05
原生双范围输入组件

本文介绍了作者开发的一个原生双范围输入组件@stanko/dual-range-input。该组件利用两个原生HTML范围输入元素,保留了原生交互和可访问性特性。文章详细解释了组件的工作原理,包括如何通过计算中间点和调整输入框宽度来同步两个滑块,以及如何处理点击轨道时选择更近滑块的逻辑。此外,作者还阐述了组件的样式和主题设置,并通过CSS渐变实现了选中范围的可视化。

阅读更多
未分类 UI组件