做了一个奥利奥沙雕图生成器

[ddiu8081]

受网上的一张图感染，做了一个生成器。

代码很简单，用了 Vue + Canvas 纯前端实现。

第一次接触多语言和 Canvas，还是踩了不少坑的，目前前端图片下载的部分可能还是有兼容性问题，在各种内置浏览器都没法正常打开......

截图

演示&链接

Demo：在这里(国内) 和 这里(gh-pages)

实现过程：博客

Github：ddiu8081/oreooo

[Telegram]

够沙雕，我喜欢

[ShuoHui]

哈哈哈哈哈好沙雕收藏了

[Phariel]

一楼那个我第一反应是摩尔斯电码
(*≧▽≦)

[laoganbu]

鼠标坏了，赔我

[mrant]

html2canvas 生成图片？

[ddiu8081]

@mrant 是直接 canvas 绘图

[sdijeenx]

又写了个转换代码，可以配合网页一起食用。比如：
鲁迅：奥利奥不是用来玩的。
$ python3 jsoreo.py "lu xun ao li ao bu shi yong lai wan de"
app.oreoArr = ['O', 'R', 'O', 'O', '-', 'O', 'O', 'R', '-', 'R', 'O', 'O', 'R', '-', 'O', 'O', 'R', '-', 'R', 'O', '-', 'O', 'R', '-', 'R', 'R', 'R', '-', 'O', 'R', 'O', 'O', '-', 'O', 'O', '-', 'O', 'R', '-', 'R', 'R', 'R', '-', 'R', 'O', 'O', 'O', '-', 'O', 'O', 'R', '-', 'O', 'O', 'O', '-', 'O', 'O', 'O', 'O', '-', 'O', 'O', '-', 'R', 'O', 'R', 'R', '-', 'R', 'R', 'R', '-', 'R', 'O', '-', 'R', 'R', 'O', '-', 'O', 'R', 'O', 'O', '-', 'O', 'R', '-', 'O', 'O', '-', 'O', 'R', 'R', '-', 'O', 'R', '-', 'R', 'O', '-', 'R', 'O', 'O', '-', 'O', '-']

生成图片：
https://raw.githubusercontent.com/firedom/oreo-lang/master/Ore-reooo-reoreo-reoo.png

[sdijeenx]

要把返回结果粘贴到浏览器控制台里。

[sdijeenx]

上一个图片粘错了
https://raw.githubusercontent.com/firedom/oreo-lang/master/ooo.png

[STRRL]

希望加个键盘事件，O 和 R 这两个键，就可以更方便无脑沙雕了。
手动狗头

[cy97cool]

@sdijeenx 再写个工具逆向回原文吧

[ddiu8081]

@STRRL 感谢，已经支持
o/r : 输入奥 /利
-/空格 : 输入与
回车 : 生成
退格 : 返回

[mmtromsb456]

哈哈哈哈哈哈哈哈太可爱了...
顺便报个 bug.Safari For Mac 12.0.2 生成的图片名字过长无法发送至 qq

[sdijeenx]

@ddiu8081 矮油不错哦～

[xiaoluoboding]

内容过于沙雕，收藏

[warkbox]

在微博看到了，是不是访问人数太多了，一下午都没进去！

[ddiu8081]

@warkbox #56 是的，今天访问量太大了，我刷了一遍微博评论，自己也是一个晚上没进去后台...
现在已经重定向到 Github Pages 了，再看看怎么样吧...

[bluepikachu]

太沙雕了，收藏起来

[leiuu]

求字体配置...挺好玩哈哈...

[ddiu8081]

@leiuu #59 用的是「瀨戶字型」，博客里面有提到，挺好看的一个字体