做了一个 3D 奥利奥生成器，立体沙雕

[syt123450]

受之前的一个 2D 奥利奥生成器 的感染（有毒>_<），做了一个 3D 奥利奥生成器。实现过程并不复杂，使用了 React+Three.js ，感觉自己沙雕的思绪得到了升华。

功能介绍

这个 3D 奥利奥生成器有很多有（一）趣（无）好（是）玩（处）的功能

• 揉一揉奥利奥

• 奥利奥出现了，又消失了，再次出现了，然后又消失了。。。

• 生成特别的 奥利奥利奥利

• 打包导出 3D奥利奥（ 3D 场景，.gltf 格式）

Demo & 代码

• 在线 demo: gh-pages
• Github 代码: syt123450/oreo-3d （ readme 中简单介绍实现过程）

[a570295535]

你得在做一个辣鸡辣的生成器，这样以后肯德基都找你一键作图

[xiaoluoboding]

内容过于沙雕

[viko16]

好评！
不过似乎移动端按钮样式有点问题？

[wcsjtu]

看饿了

[ddiu8081]

好评🌝
手机版可以屏蔽页面缩放？用手一捏页面也跟着缩放了...

[EscYezi]

奥利奥给了你多少钱 我大牛乳业出三倍(doge)

[sdijeenx]

好评，再做一下光效可以当壁纸了=3=
https://raw.githubusercontent.com/firedom/oreo-lang/master/screen.png

[shrekshao]

楼主好屌。。我也做 webgl 相关。。已 follow github lol

[Trumeet]

沙雕好评，不过手机有点卡

[SeaRecluse]

新头像 get 哈哈哈

[syt123450]

@a570295535 要不加一点生菜，做一个 辣鸡菜鸡 生成器？

[syt123450]

@xiaoluoboding o(0.0)o

[syt123450]

@wcsjtu 来一份 奥利奥利奥利奥

[syt123450]

@EscYezi 3 箱草莓味伊利优酸乳，实现一个 蒙蒙蒙

[syt123450]

@Trumeet three.js 使用 webgl 渲染，在手机端如果开启 webgl2 功能的话应该会快不少

[syt123450]

@sdijeenx 试了好久奥利奥阴影效果，最后使用 1 面光源+4 方向光

[agoodob]

希望下一篇帖子是 AR/VR 奥利奥生成器，可以识别平面并且在桌上进行堆叠。（期待）

[cheese]

我点了打包带走，但是我的桌子上并没有出现奥利奥。楼主骗人！还我奥利奥！（一个小 bug，在 English 语言下，打包带走还是中文）

[but0n]

@syt123450 感觉 WebGL2 在 iOS 上各种坑

[but0n]

得知 iOS Safari 可以开启 WebGL2.0 后挺兴奋的就开了一个坑，后来发现 webgl2 在 iOS 上就是个笑话
es300 不支持，vao 也不支持，接下来打算试试 mrt 不知道会怎么样
而且不知道为什么 iPhone 渲染正常，iPad Pro 渲染出来所有的面都是乱七八糟的
50M 预警：
https://but0n.github.io/Ashes/#https://but0n.github.io/Ashes/gltfsamples/FlightHelmet/glTF/FlightHelmet.gltf#10