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

2019-01-09 11:30:45 +08:00
 ddiu8081

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

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

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

截图

演示&链接

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

实现过程:博客

Github:ddiu8081/oreooo

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

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

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

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

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

© 2021 V2EX