用于 P5.js 的字符串对齐工具。
在 html 文档引入 p5js 后,插入指向 StringsAlign.js 的链接:
<script src="https://cdn.jsdelivr.net/gh/hendasheng/StringsAlign-P5js@main/scripts/stringsAlign.js"></script>
StringsAlign.js 主要提供两个方法:
horizontal
vertical
分别用于横/纵向排列字符串。
let sa;
function setup() {
...
sa = new StringsAlign();
...
}
function draw() {
clear();
...
sa.horizontal(strings, x, x_index, y, distanceMax, distance, reAxisX, graphics);
sa.vertical(strings, x, y, y_index, distanceMax, distance, reAxisY, graphics);
...
}
参数说明:
参数 | 说明 | 备注 | 数据类型 |
---|---|---|---|
strings |
所需字符串 | string | |
x |
x 轴位置 | float | |
y |
Y 轴位置 | float | |
x_index |
作为轴心的字符索引 | sa.horizontal() |
int |
y_index |
作为轴心的字符索引 | sa.vertical() |
int |
distanceMax |
最大间距 | float | |
distance |
间距 | float | |
reAxisX |
是否重置轴心 | sa.horizontal() |
boolean |
reAxisY |
是否重置轴心 | sa.vertical() |
boolean |
graphics |
位置基于 Graphics(选填) | Graphics |
x_index
y_index
reAxisX
reAxisY
几个参数从描述中看相对抽象,其实并不复杂,建议你在自己的项目中更换参数测试,已获得更直观的了解。
以前做过一个叫 Unicode 大世界 的小工具,主要是在 Processing 中更方便地引入 Unicode,当时就想做成插件,和所有插件一样,安装好可以直接饮用那种。 可是 Processing 打包插件对我来说过于复杂,最后只能让大家笨笨地复制代码,再粘贴到本地项目中使用,虽然也可以用,但是不够好玩,我特别想拥有一个有模有样的开源库。
正巧最近遇到关于字符串对齐的问题,困扰很久,这几天终于被解决了,然后就想到开源库的事情,上次 processing 没法打包,那 js 是不是可以?
我完全是外行啊,js 给我的感觉就是那种相比之下啥都更简单(不是容易)一点或者解决方案更多一点,查了一圈果然可以,如果深入的话当然还有很多问题要解决,以我目前对开源软件的粗浅理解,解决一个小问题,并且能在 html 中通过链接引入就算,所以就有了现在这个项目,你可以很轻松地引用,在此基础上加入自己的奇思妙想,如果你遇到什么问题欢迎提问、留言,目前还是很基础的版本,接下来会继续更新,希望你喜欢。🤗 🎉