Repolode
提交项目
azlen

azlen/initialis

在浏览器中实时绘制无尽装饰首字母与花饰字母的生成器，可探索、收藏并下载。

在 GitHub 查看
Star
180
Fork
12
未关闭 Issue
0
最近提交
7天前

这是什么？

INITIĀLIS 是一个静态网页应用，用于探索装饰性首字母，也就是手抄本和印刷书籍中段落开头那种大号花饰字母。每个首字母都在浏览器中实时绘制，由字母、边框与底纹、装饰纹样、材质以及印在纸面上的两到三种墨色共同组成，不预先保存任何图片。

用户可以拖动浏览无限延展的画布，点击某个首字母生成相似变体，也可以收藏喜欢的作品并批量处理。单个或整组首字母可下载为多种尺寸的 PNG、动态 WebP 或 MP4 生长动画，以及 JSON 设置文件，也可以生成分享链接。库文件可让其他页面通过分享链接或设置对象嵌入同样的首字母。渲染器采用模块化结构，新的纹样和边框可以作为独立文件添加。

网站需要 Web Worker 中的 WebGL2 支持，做旧页面预览使用 WebGPU 并在不支持时回退到平面显示。项目没有构建步骤，任意静态文件服务器即可部署。

核心功能

  • 01在浏览器中根据字母、边框、纹样、材质和墨色设置实时生成每个首字母。
  • 02在无限画布上浏览，并生成所选首字母的变体。
  • 03收藏喜欢的作品，并以合集形式下载或分享。
  • 04导出多种尺寸的 PNG、动态 WebP 或 MP4 生长动画以及 JSON 设置。
  • 05通过小型库脚本或设置对象将首字母嵌入其他网页。
  • 06以独立模块形式添加新的纹样和边框。

适用场景

  • 为印刷品或网页设计寻找装饰性首字母。
  • 为请柬、海报或书籍章节开头制作仿手抄本风格的字母。
  • 通过分享链接或设置文件，在网站中嵌入生成的首字母。
  • 浏览历史与现代的装饰字体风格，获取设计灵感。

快速上手

  1. 1

    如未安装，请先安装 Python 3

  2. 2

    用静态 Web 服务器托管项目文件夹

    python3 -m http.server 8000
  3. 3

    在支持 WebGL2 的浏览器中打开本地地址

使用前须知

  • 网站需要 Web Worker 中支持 WebGL2，较旧的浏览器无法使用。
  • "In context" 功能需要 WebGPU，不支持时会退回到平面页面。

标签

#typography#generative-art#drop-caps#webgl#canvas#design#javascript

常见问题

initialis 是什么？
在浏览器中实时绘制无尽装饰首字母与花饰字母的生成器，可探索、收藏并下载。 INITIĀLIS 是一个静态网页应用，用于探索装饰性首字母，也就是手抄本和印刷书籍中段落开头那种大号花饰字母。每个首字母都在浏览器中实时绘制，由字母、边框与底纹、装饰纹样、材质以及印在纸面上的两到三种墨色共同组成，不预先保存任何图片。
initialis 可以免费使用吗？用的什么许可证？
initialis 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
initialis 还在维护吗？
活跃维护中。initialis 最近一次提交是在 2026年10月31日。
initialis 适合用来做什么？
为印刷品或网页设计寻找装饰性首字母。 为请柬、海报或书籍章节开头制作仿手抄本风格的字母。 通过分享链接或设置文件，在网站中嵌入生成的首字母。 浏览历史与现代的装饰字体风格，获取设计灵感。
initialis 怎么安装和运行？
如未安装，请先安装 Python 3 用静态 Web 服务器托管项目文件夹: python3 -m http.server 8000 在支持 WebGL2 的浏览器中打开本地地址
在哪里获取 initialis？
源代码和安装说明在 GitHub 上：https://github.com/azlen/initialis

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目