Warning: Attempt to read property "guid" on null in /www/wwwroot/rpi.werls.top/wp-content/plugins/jetpack/class.jetpack-post-images.php on line 279

Warning: Attempt to read property "guid" on null in /www/wwwroot/rpi.werls.top/wp-content/plugins/jetpack/class.jetpack-post-images.php on line 279

Warning: Attempt to read property "guid" on null in /www/wwwroot/rpi.werls.top/wp-content/plugins/jetpack/class.jetpack-post-images.php on line 279

Warning: Attempt to read property "guid" on null in /www/wwwroot/rpi.werls.top/wp-content/plugins/jetpack/class.jetpack-post-images.php on line 279

Warning: Attempt to read property "guid" on null in /www/wwwroot/rpi.werls.top/wp-content/plugins/jetpack/class.jetpack-post-images.php on line 279
知乎专栏-私宅

如何创作一幅巨型拼豆(附在线工具)

最近忽然喜欢上拼豆这个小玩意,随随便便用镊子和熨斗就能在现实中制造出像素艺术。把像素风游戏的角色搬到现实中来实在是太有趣了。

但只凭双眼分辨颜色也只能做出这种十几个像素尺寸的东西:(早期作品)

遇到更大的原图就犯了难,不仅颜色种类繁多而且尺寸远超出一块拼板,无论如何也没法一次性做完烫好,怎么办?

作为一个爱搞事的程序员,肯定不能在这种困难面前退缩。除了摆豆子的原始乐趣不能剥夺之外,其他一切都可以用代码解决。

经过漫长的思考、编码、迭代,并在实践中一次次添加功能和优化代码之后,我终于拿出了一个可用的成品:

拼豆辅助工具fusebead.funnyjs.com

由于是自己亲身使用并一直优化的,所以功能实用得惊人。

基本功能包含了:

  • 上传一张本地图片(建议PNG,因为JPG的杂色太多),转换成标明了拼豆色号的大型像素图;
  • 每个像素点显示的是根据相近颜色算法计算出的最接近的拼豆色号;
  • 可以拖拽查看全图,并附带四边的活动标尺(支持手机和平板);
  • 较大的图片可以切分成小块,方便逐个拼烫最后粘成一大块。

按说这样就暂时够用了吧?还没有!对于大型工程我们还需要更加顺手的工具。

所以我又为它增加了:

  • 颜色统计:查看一共需要每种颜色各多少粒豆子,方便直接补货;
  • 颜色替换:把某种颜色批量替换成另一种颜色,也可以只替换单个像素点。因为有时候算法给出的颜色未必真的很适合,肉眼可能找到更合适的颜色;(高级功能:用笔刷批量修改)
  • 单独颜色显示:这个真是只有专门做过大图的人才清楚多实用,可以只显示某种颜色,然后一口气只摆好这个颜色的几十上百粒,再换另一种颜色继续;
  • 导入-导出:有时候替换的颜色数量太多,需要保存防止丢失,就可以导出保存到记事本里,换台电脑或平板再导入就能继续之前工作了。

如果你也有兴趣做拼豆或者之前做过,不妨进去看看,说不定一时手痒就搞出个神作呢。

注意事项:

  • 拼豆的色号来自我在淘宝买的一种Mard融合豆,一共有200多种颜色,属于豪华版了。如果你换了另一种豆子暂时只能参考一下颜色,不能照搬,之后我也会考虑增加修改调色板的功能;
  • 在屏幕上随便点点看,有些功能没有写太清楚,说不定有不容易注意到的小技巧;
  • 最大只支持500×500的原图,如果想做几十万颗拼豆的巨作还是再想想别的办法吧……
  • 能用PNG尽量就不要用JPG,否则杂色能烦死人,这里有几张示例图你们可以拿来上传试试,或者自己找些像素图来玩吧!

fusebead.funnyjs.com/sa

fusebead.funnyjs.com/sa

fusebead.funnyjs.com/sa

fusebead.funnyjs.com/sa

有建议或新需求可以在评论区随时提。

再发一遍地址:

拼豆辅助工具fusebead.funnyjs.com

另外,在github可以看到我的源码。一路迭代下来可能有不少写得混乱的地方,见谅了,之后如有更新也会随时提交。

Github: fuse bead toolgithub.com

最后感谢一下带我入坑并且为这个项目做了大量测试工作导致有些背痛的Rita羽

Powered by WPeMatico

Title - Artist
0:00
    %d 博主赞过: