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

[ddiu8081]

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

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

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

截图

演示&链接

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

实现过程：博客

Github：ddiu8081/oreooo

[leiuu]

可以 @奥利奥官方，这可以当一个的营销创意...

[susucoolsama]

哈哈哈哈，楼主这个创意不错，够沙雕，喜欢。

[3img]

建议找个语音素材，鼠标划过每一块时，发出声音
奥奥奥奥利利利利奥奥利利奥奥利利奥奥利利

[yutou527]

@3img 哈哈哈哈

[hellojinjie]

年纪大了，已经看不懂你们在玩什么了

[master13]

认真读了开源的代码，又来评价。非常赞，教科书级的 coding 甚至可以进 vue 官方 demo。从多国语言设定到 canvas 绘制和保存图片，很有学习的价值。只是 loadimages 用了一个无参定长的 callback 函数，这个地方似乎还有改进的空间，但瑕不掩瑜，还是手动赞一下这个项目。

[ddiu8081]

@master13 #66 感谢，很认真，过奖了😅

[OldPanda]

蛤蛤蛤，前些天在推特上看到了这个奥利奥生成器的演示，楼主那是不是你？

[ddiu8081]

@OldPanda 我没发过推，可能是有网友做的😀我去搜搜看

[chuxiakeji]

过于沙雕，战略性 mark，star 已经送上

[yangheng4922]

在控制台给数组添加了一个超长的 O,R,O
生成有问题了 😅
https://i.loli.net/2019/01/12/5c39ecad91a8b.png

[EscYezi]

@3img 笑出声

[Shook]

这个挺好玩的

[ddiu8081]

@yangheng4922 #71 会玩😅

[Shook]

提个建议：
按住按钮能不能添加多个？

[ddiu8081]

@Shook #75 有考虑过，但是 pc 端要怎么实现...似乎没有长按这个操作

[Shook]

@ddiu8081
绑定 mousedown/mouseup 事件，按下够久就开始不断添加。

[Shook]

@ddiu8081 还要监听 mouseleave，估计差不多了吧

[ragnaroks]

@ddiu8081 mouseup,mousedown

[hutchins]

主播狠沙雕，关注了