去年开始做带走这片海后，年底给刚搬新家的朋友做了放大版的海浪门牌，作为乔迁礼物。

也是从那个时候开始，构思这个可以定制门牌生成工具的想法，到今天也算是完成了。 

当时的制作方式也很原始，因为海浪是通过我的算法生成的所以不花功夫，但我不会建模做数字，之前也没有想好文字与底板之间如何固定，所以当时文字部分只能在社区找现有的模型，然后用最原始的方式在海浪板上增加负零件挖洞再打印，最后再把文字嵌合到挖出的孔中。

听上去可能简单，但实际做的时候会有一堆的问题。添加的负零件还需要放大一些尺寸才能放进文字模型，但是遇到 4 或者 0 这种闭合的字形又会因为内外缩放不一致出问题。总之是又麻烦成品率又低。打了好几个测试才能勉强把文字放进去。有时候甚至需要用锤子才能把字形砸进去（也确实砸坏过）。

做完之后再复盘，一是社区中可选的字体有限，挑到满意的更是需要运气；二是每次需要配合不同的文字内容在海浪板上挖洞很麻烦，而且挖去部分的边缘因为过于锐利导致打印的时候比较容易出问题，良品率很低。

所以这次在制作这个定制化工具的时候，就想在提供内容可定制的同时，从编辑到生产的问题也一并解决。接下来简单介绍下这次开发出来的代码编辑器吧～

这次的海浪门牌编辑器，是基于我在之前「带走这片海」项目中，已有的海浪生成算法组件拓展出的编辑玩法。除了之前已有的尺寸、颜色、波形可以动态调整外，这次主要是新增了文字内容的生成、展示与导出。

因为从一开始整体的模型都是基于 threejs 上开始搭建的，所以效果预览区可以很轻松地实现随意拖拽、放大来查看不同视角的效果。

可以调整门牌的摆放方向：

调整颜色（当然也跟我有什么颜色的材料有关系哈哈）

还有这次的重点，字体。因为门牌主要是数字跟字母，所以字体文件的大小并不会特别大，所以目前先找了几个 google fonts 上下载了允许商用的字体进行测试。

当然还有字体大小和间距的微调和波形的调整。

最后就是如何把模型生产出来再组装起来了。

一开始，我尝试过导出模型的时候通过代码计算直接导出减去文字与海浪交叉部分的模型，理论上两个模型都是通过代码生成的，直接给出成品模型就好，但实际尝试后发现效果并不理想，由于布尔运算的精度不够，导致接触面会有间隙，在完整度、粘合度和美观性上都有问题。

最终使用的方式是，按项目导出文字和海浪部分的完整模型，再把最后的布尔运算通过切片软件做后处理。是因为如下几个考虑：

一方面，海浪模型的反光效果得益于打印用到的丝绸材料，频繁的变换打印路径会影响最后成本的表现效果；另一方面海浪的打印时间较长，如果每一个海浪都需要单独编辑再打印，整体的时间会变长，工序变多也可预见的会导致后期出现的问题的概率大幅度提高。

现在的做法是，因为导出的完整文字模型已经带上了大小、间距信息，所以只要在导入切片软件的时候，添加下同个项目中的海浪模型的负零件即可完成减除工作，甚至不需要调整位置。这个的难度可以说是有手就行。

而且还有一个意外的好处，因为每个海浪波形都不重复，文字背面切除的部分也可以很好的作为定位和固定辅助，后期只要简单地上好胶水，就可以轻松地找到正确的地方固定，而不发生偏移。

把一个需要反复核对、重复的过程变成一个不需要太多上下文的参与的流程，我想这也是我为什么喜欢倒腾这些小工具的原因之一吧。

最后，当然把第一个成品留给我的新工作室啦～希望大家也能喜欢。

门牌项目刚做完开始测试，详情页和包装还没完全搞定，接下来会陆续优化，希望大家见谅。

衷心感谢您能看到这里，您可以访问 https://seawith.onein.tech/doorplate 来体验试试，欢迎您的任何意见或者建议。

如果您碰巧想坐一块属于自己的海浪门牌，也可以在定制后按页面上的指引下单。为少数派的读者准备了优惠码，结算时输入 SSPAI （注意大小写）可以获得优惠，提前感谢大家的支持～