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

[syt123450]

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

功能介绍

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

• 揉一揉奥利奥

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

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

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

Demo & 代码

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

[silencefent]

油光发亮的奥利奥

[sdijeenx]

@but0n IOS 上使用正常，第一次打开那个网站需要等待较长时间加载文件，不然你看不到 OREO 模型。

[wdv2ly]

场景灯光有点奇怪

[sobigfish]

@silencefent #21 所以更像铁饼-。-
lz，再来个汉堡王之类的（然后你可以把这个小 html 卖给他们）😂

[panda]

还以为是 Android 标志……

[syt123450]

@viko16 感谢提醒！ 已经对手机进行了自适应~

[nezumi85757]

再给自己加加难度 把奶油的膏体特征做出来

[wdytoya]

过于沙雕，已举报 [手动滑稽]

[cue]

进来之前我以为说的是 Android 8.0 系统……
进来之后卧槽……

[tao1991123]

O(∩_∩)O 哈哈~ 不错 赞一个

[syt123450]

@shrekshao 感谢关注~

[syt123450]

@agoodob 同期待 VR 版奥利奥

[syt123450]

@cheese 需要一个 three.js 的盘子把打包的.gltf 奥利奥呈出来 QAQ 多语言 bug 应该已经修复了？

[cheese]

@syt123450 #33 简体中文的图标竟然是繁体的简字，也似乎不太对呢

[snowspace]

做的太厚有点像轮胎

[syt123450]

@ddiu8081 感谢提醒，加了个 body 禁止拖拽，已经修复了~

[syt123450]

@but0n WebGL IOS 的浏览器兼容说多了都是泪。。。之前有个项目中 three.js 想试试使用 webgl2 renderer，结果在调了好久莫名其妙兼容之后，老老实实退回了 webgl renderer。。。

[syt123450]

@silencefent 抹了黄油的奥利奥😂

[amwyyyy]

奥利奥中间的奶油并没有这么多

[huruwo]

有思路了 计划出一个 Android 版奥利奥生成器