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

2019 年 1 月 9 日
 ddiu8081

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

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

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

截图

演示&链接

Demo:在这里(国内)这里(gh-pages)

实现过程:博客

Github:ddiu8081/oreooo

19545 次点击
所在节点    分享创造
88 条回复
xiusheji
2019 年 1 月 9 日
哭笑不得~~
gaolycn
2019 年 1 月 9 日
我的第二个奥利奥没有钢印
https://i.loli.net/2019/01/09/5c35a92f33159.png
ddiu8081
2019 年 1 月 9 日
@molvqingtai #14 @nosky #20 纯前端实现图片下载有点困难😪目前只有 Chrome 是测试通过的...
@gaolycn #22 这是 feature ...因为考虑这是一个整体所以只有顶层有图案..
KDr2
2019 年 1 月 9 日
怎么生成 奥地利?
feehey
2019 年 1 月 9 日
强👍
youcall911
2019 年 1 月 9 日
微博火了
C2G
2019 年 1 月 9 日
真 的 沙 雕
安卓 via 浏览器无法正常加载
https://i.loli.net/2019/01/09/5c35d1808759f.png
ddiu8081
2019 年 1 月 9 日
@youcall911 #26 妈耶..搜到了🌚
XXXXXDDDDD
2019 年 1 月 9 日
哈哈哈莫名的喜感
ddiu8081
2019 年 1 月 9 日
@C2G #27 我刚试了下没问题......看样子应该是 vue.js 没有加载进来不过我是本地引用的啊..
journey
2019 年 1 月 9 日
够沙雕,star 了
Hypn0s
2019 年 1 月 9 日
笑死我了
hflyf123
2019 年 1 月 9 日
我直接修改 input 框里内容点生成不行哎~
HarveyJ
2019 年 1 月 9 日
够沙雕,收藏了
ddiu8081
2019 年 1 月 9 日
@hflyf123 #33 是的,它不是按照 input 内容生成的,是在点按钮的时候生成一个数组,根据这个数组来显示文字和画图的
zhangxiaogang
2019 年 1 月 10 日
有意思哈哈
mario85
2019 年 1 月 10 日
我觉得可以搞一个只使用“奥”“利”和“与”三个字的沙雕语言,然后用这个语言写一个 hello world
sdijeenx
2019 年 1 月 10 日
@xujinkai 好主意,不如来一个超简单命令行 demo
https://github.com/firedom/oreo-lang
kingandyoga
2019 年 1 月 10 日
等一个麦辣鸡。。。。 辣鸡
azicat
2019 年 1 月 10 日
JOJO ?オラオラオラオラオラオラオラオラ

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/525308

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX