受网上的一张图感染，做了一个生成器。
代码很简单，用了 Vue + Canvas 纯前端实现。
第一次接触多语言和 Canvas，还是踩了不少坑的，目前前端图片下载的部分可能还是有兼容性问题，在各种内置浏览器都没法正常打开......
截图
演示&链接
Demo：在这里(国内) 和 这里(gh-pages)
实现过程：博客
Github：ddiu8081/oreooo
爱意满满的作品展示区。
This topic created in 2865 days ago, the information mentioned may be changed or developed.
 |
1
够沙雕,我很喜欢,够我吃好久了
  |
22 |
deadEggJan 9, 2019
2
过于沙雕，收藏了
|
 |
4DAX07B8Kle4Dm6TJan 9, 2019 via iPhone
3
啥呀这是，莫名喜感，哈哈哈哈哈
|
 |
4
夹心还小一点薄一点
|
 |
ZhaoMiingJan 9, 2019
5
哈哈哈哈
|
 |
barryng67Jan 9, 2019 via iPhone
6
哈哈哈哈哈，什么鬼
|
 |
7
看到一楼想到 弄个莫尔斯电码转换吧 输入字母 输出你的奥利奥
|
 |
dapang1221Jan 9, 2019
8
过于沙雕，star 了
|
 |
9
|
 |
chotowJan 9, 2019
10
Loading 和普通页面的切换过程中，滚动条时不时出现导致页面时不时左移，有点难受。
|
 |
May725Jan 9, 2019
11
过于沙雕，哈哈哈哈
|
 |
zhang1215Jan 9, 2019
12
刚点开还不知道沙雕在哪里，结果被一楼吓一跳
|
 |
DonneJan 9, 2019
13
看到一楼，我真切的感觉到了沙雕的气息
|
 |
molvqingtaiJan 9, 2019 via Android
14
QQ 内置浏览器下载报错有解决吗
|
 |
5CanTellJan 9, 2019
15
已 star
|
 |
wsyzzzJan 9, 2019
16
我好像在即刻见过你，是一个人吗
|
 |
youcall911Jan 9, 2019
18
哈哈哈哈哈
|
 |
noskyJan 9, 2019 via Android
20
夸克浏览器没法保存图片诶，微信内置浏览器也不行。
|
 |
xiushejiJan 9, 2019
21
哭笑不得～～
|
 |
gaolycnJan 9, 2019
22
我的第二个奥利奥没有钢印
https://i.loli.net/2019/01/09/5c35a92f33159.png |
|
23
@molvqingtai #14 @nosky #20 纯前端实现图片下载有点困难😪目前只有 Chrome 是测试通过的...
@gaolycn #22 这是 feature  ...因为考虑这是一个整体所以只有顶层有图案.. |
 |
KDr2Jan 9, 2019
24
怎么生成 奥地利？
|
 |
feeheyJan 9, 2019
25
强👍
|
|
youcall911Jan 9, 2019
26
微博火了
|
 |
C2GJan 9, 2019 via Android
27
|
|
28
@youcall911 #26 妈耶..搜到了🌚
|
 |
XXXXXDDDDDJan 9, 2019
29
哈哈哈莫名的喜感
|
 |
journeyJan 9, 2019
31
够沙雕，star 了
|
 |
Hypn0sJan 9, 2019 via Android
32
笑死我了
|
 |
hflyf123Jan 9, 2019
33
我直接修改 input 框里内容点生成不行哎~
|
 |
HarveyJJan 9, 2019
34
够沙雕，收藏了
|
|
35
@hflyf123 #33 是的，它不是按照 input 内容生成的，是在点按钮的时候生成一个数组，根据这个数组来显示文字和画图的
|
 |
zhangxiaogangJan 10, 2019 via iPhone
36
有意思哈哈
|
 |
mario85Jan 10, 2019 via iPhone
37
我觉得可以搞一个只使用“奥”“利”和“与”三个字的沙雕语言，然后用这个语言写一个 hello world
|
 |
38
|
 |
kingandyogaJan 10, 2019
39
等一个麦辣鸡。。。。 辣鸡
|
 |
azicatJan 10, 2019
40
JOJO ？オラオラオラオラオラオラオラオラ
|
 |
TelegramJan 10, 2019 via iPhone
41
够沙雕，我喜欢
|
 |
fcmioJan 10, 2019 via iPhone
42
哈哈哈哈哈好沙雕收藏了
|
 |
PharielJan 10, 2019 via iPhone
43
一楼那个我第一反应是摩尔斯电码
(*≧▽≦) |
 |
44
鼠标坏了，赔我
 |
|
uTuw2C6uf964Kx6oJan 10, 2019
45
html2canvas 生成图片？
|
|
47
又写了个转换代码，可以配合网页一起食用。比如：
鲁迅：奥利奥不是用来玩的。 $ 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 |
|
48
要把返回结果粘贴到浏览器控制台里。
|
|
49
|
 |
50
希望加个键盘事件，O 和 R 这两个键，就可以更方便无脑沙雕了。
手动狗头 |
 |
mYYnSmiTEQWcCwArJan 10, 2019
51
@sdijeenx 再写个工具逆向回原文吧
|
 |
53
哈哈哈哈哈哈哈哈太可爱了...
顺便报个 bug.Safari For Mac 12.0.2 生成的图片名字过长无法发送至 qq |
 |
55
内容过于沙雕，收藏
|
 |
56
在微博看到了，是不是访问人数太多了，一下午都没进去！
|
|
57
@warkbox #56 是的，今天访问量太大了，我刷了一遍微博评论，自己也是一个晚上没进去后台...
现在已经重定向到 Github Pages 了，再看看怎么样吧... |
 |
bluepikachuJan 10, 2019
58
太沙雕了，收藏起来
|
 |
xiaoba25Jan 10, 2019 via Android
59
求字体配置...挺好玩哈哈...
|
|
xiaoba25Jan 10, 2019 via Android
61
可以 @奥利奥官方，这可以当一个的营销创意...
|
 |
susucoolsamaJan 10, 2019 via iPhone
62
哈哈哈哈，楼主这个创意不错，够沙雕，喜欢。
|
 |
63
建议找个语音素材，鼠标划过每一块时，发出声音
奥奥奥奥利利利利奥奥利利奥奥利利奥奥利利 |
 |
hellojinjieJan 10, 2019
65
年纪大了，已经看不懂你们在玩什么了
|
 |
master13Jan 11, 2019
66
认真读了开源的代码，又来评价。非常赞，教科书级的 coding 甚至可以进 vue 官方 demo。从多国语言设定到 canvas 绘制和保存图片，很有学习的价值。只是 loadimages 用了一个无参定长的 callback 函数，这个地方似乎还有改进的空间，但瑕不掩瑜，还是手动赞一下这个项目。
|
 |
OldPandaJan 12, 2019
68
蛤蛤蛤，前些天在推特上看到了这个奥利奥生成器的演示，楼主那是不是你？
|
 |
70
过于沙雕，战略性 mark，star 已经送上
|
 |
71
|
 |
ShookJan 13, 2019
73
这个挺好玩的
|
|
74
@yangheng4922 #71 会玩😅
|
|
75
提个建议：
按住按钮能不能添加多个？ |
 |
hutchinsJan 15, 2019
80
主播狠沙雕，关注了
|
 |
wadezhaoJan 18, 2019
83
玩了 10 分钟之后，围观的刘先生表示自己活了四十多年从来没见过这么沙雕的事~~~~
|
 |
84
我用这个生成的图把 ipad 上的 edge 弄崩溃了，现在一打开就闪退
|
|
85
@GiantHard #84 打不开 Edge 么？抱歉没有 iPad 不清楚要怎么清除数据或者恢复...
下载图片的问题我不好判断，可能是因为图片名过长，这点做了一点改进 |
 |
heixiaobaiJan 21, 2019
86
哈哈哈够沙雕，顺带问一下，"与"是用来干啥的？
|
|
87
|
|
heixiaobaiJan 22, 2019
88
@ddiu8081 #87 我本来以为是弄多个，譬如"奥利奥与奥利奥"，然后发现这样中间奥没有图案，没想到原来是这样
|
Select Language