爱意满满的作品展示区。
syt123450

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

  •  2
     
  •   syt123450 · Jan 15, 2019 · 8681 views
    This topic created in 2852 days ago, the information mentioned may be changed or developed.

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

    intro

    功能介绍

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

    • 揉一揉奥利奥
    • 奥利奥出现了,又消失了,再次出现了,然后又消失了。。。
    • 生成特别的 奥利奥利奥利
    • 打包导出 3D奥利奥( 3D 场景,.gltf 格式)

    Demo & 代码

    56 replies  •  2019-01-19 00:49:11 +08:00
    a570295535
    a570295535
    Jan 16, 2019 via Android
    1
    你得在做一个辣鸡辣的生成器,这样以后肯德基都找你一键作图
    xiaoluoboding
    xiaoluoboding
    Jan 16, 2019❤️3
    2
    内容过于沙雕
    viko16
    viko16
    Jan 16, 2019 via Android
    3
    好评!
    不过似乎移动端按钮样式有点问题?
    wcsjtu
    wcsjtu
    Jan 16, 2019 via Android
    4
    看饿了
    ddiu8081
    ddiu8081
    Jan 16, 2019 via Android
    5
    好评🌝
    手机版可以屏蔽页面缩放?用手一捏页面也跟着缩放了...
    EscYezi
    EscYezi
    Jan 16, 2019 via iPhone
    6
    奥利奥给了你多少钱 我大牛乳业出三倍(doge)
    sdijeenx
    sdijeenx
    Jan 16, 2019
    7
    好评,再做一下光效可以当壁纸了=3=
    https://raw.githubusercontent.com/firedom/oreo-lang/master/screen.png
    shrekshao
    shrekshao
    Jan 16, 2019
    8
    楼主好屌。。我也做 webgl 相关。。已 follow github lol
    Trumeet
    Trumeet
    Jan 16, 2019 via Android
    9
    沙雕好评,不过手机有点卡
    SeaRecluse
    SeaRecluse
    Jan 16, 2019
    10
    新头像 get 哈哈哈
    syt123450
    syt123450
    OP
    Jan 16, 2019
    11
    @a570295535 要不加一点生菜,做一个 辣鸡菜鸡 生成器?
    syt123450
    syt123450
    OP
    Jan 16, 2019
    12
    @xiaoluoboding o(0.0)o
    syt123450
    syt123450
    OP
    Jan 16, 2019
    13
    @wcsjtu 来一份 奥利奥利奥利奥
    syt123450
    syt123450
    OP
    Jan 16, 2019
    14
    @EscYezi 3 箱草莓味伊利优酸乳,实现一个 蒙蒙蒙
    syt123450
    syt123450
    OP
    Jan 16, 2019
    15
    @Trumeet three.js 使用 webgl 渲染,在手机端如果开启 webgl2 功能的话应该会快不少
    syt123450
    syt123450
    OP
    Jan 16, 2019
    16
    @sdijeenx 试了好久奥利奥阴影效果,最后使用 1 面光源+4 方向光
    agoodob
    agoodob
    Jan 16, 2019
    17
    希望下一篇帖子是 AR/VR 奥利奥生成器,可以识别平面并且在桌上进行堆叠。(期待)
    cheese
    cheese
    Jan 16, 2019
    18
    我点了打包带走,但是我的桌子上并没有出现奥利奥。楼主骗人!还我奥利奥!(一个小 bug,在 English 语言下,打包带走还是中文)
    but0n
    but0n
    Jan 16, 2019 via iPhone
    19
    @syt123450 感觉 WebGL2 在 iOS 上各种坑
    but0n
    but0n
    Jan 16, 2019 via iPhone
    20
    得知 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
    silencefent
    silencefent
    Jan 16, 2019
    21
    油光发亮的奥利奥
    sdijeenx
    sdijeenx
    Jan 16, 2019
    22
    @but0n IOS 上使用正常,第一次打开那个网站需要等待较长时间加载文件,不然你看不到 OREO 模型。
    wdv2ly
    wdv2ly
    Jan 16, 2019
    23
    场景灯光有点奇怪
    run2
    run2
    Jan 16, 2019
    24
    @silencefent #21 所以更像铁饼-。-
    lz,再来个汉堡王之类的(然后你可以把这个小 html 卖给他们)😂
    panda
    panda
    Jan 16, 2019 via Android
    25
    还以为是 Android 标志……
    syt123450
    syt123450
    OP
    Jan 16, 2019
    26
    @viko16 感谢提醒! 已经对手机进行了自适应~
    nezumi85757
    nezumi85757
    Jan 16, 2019
    27
    再给自己加加难度 把奶油的膏体特征做出来
    wdytoya
    wdytoya
    Jan 16, 2019
    28
    过于沙雕,已举报 [手动滑稽]
    cue
    cue
    Jan 16, 2019
    29
    进来之前我以为说的是 Android 8.0 系统……
    进来之后卧槽……
    tao1991123
    tao1991123
    Jan 16, 2019
    30
    O(∩_∩)O 哈哈~ 不错 赞一个
    syt123450
    syt123450
    OP
    Jan 16, 2019
    31
    @shrekshao 感谢关注~
    syt123450
    syt123450
    OP
    Jan 16, 2019
    32
    @agoodob 同期待 VR 版奥利奥
    syt123450
    syt123450
    OP
    Jan 16, 2019
    33
    @cheese 需要一个 three.js 的盘子把打包的.gltf 奥利奥呈出来 QAQ 多语言 bug 应该已经修复了?
    cheese
    cheese
    Jan 16, 2019
    34
    @syt123450 #33 简体中文的图标竟然是繁体的简字,也似乎不太对呢
    snowspace
    snowspace
    Jan 16, 2019
    35
    做的太厚有点像轮胎
    syt123450
    syt123450
    OP
    Jan 16, 2019
    36
    @ddiu8081 感谢提醒,加了个 body 禁止拖拽,已经修复了~
    syt123450
    syt123450
    OP
    Jan 16, 2019
    37
    @but0n WebGL IOS 的浏览器兼容说多了都是泪。。。之前有个项目中 three.js 想试试使用 webgl2 renderer,结果在调了好久莫名其妙兼容之后,老老实实退回了 webgl renderer。。。
    syt123450
    syt123450
    OP
    Jan 16, 2019
    38
    @silencefent 抹了黄油的奥利奥😂
    amwyyyy
    amwyyyy
    Jan 16, 2019
    39
    奥利奥中间的奶油并没有这么多
    huruwo
    huruwo
    Jan 16, 2019
    40
    有思路了 计划出一个 Android 版奥利奥生成器
    petelin
    petelin
    Jan 16, 2019
    41
    看饿了
    syt123450
    syt123450
    OP
    Jan 16, 2019
    42
    @sobigfish 堡汉堡堡汉堡🤣
    syt123450
    syt123450
    OP
    Jan 16, 2019
    43
    @nezumi85757 好主意,准备换一个吸光材质试试
    syt123450
    syt123450
    OP
    Jan 16, 2019
    44
    @cheese 之前没注意😂 已经换了一个真简体 icon
    syt123450
    syt123450
    OP
    Jan 16, 2019
    45
    @huruwo 期待安卓版!
    hqyswz
    hqyswz
    Jan 16, 2019
    46
    好评,点赞
    xiaoba25
    xiaoba25
    Jan 16, 2019
    47
    为啥泛黄泛黄的
    Valid
    Valid
    Jan 16, 2019
    48
    emmmm,奥利奥是磨砂面的吧
    xiaoba25
    xiaoba25
    Jan 16, 2019
    49
    打开这个页面风扇满转。。。
    locoz
    locoz
    Jan 17, 2019
    50
    下载下来配合 win10 自带的 3D 查看器的快速动画功能,更沙雕了。。
    sannyzeng
    sannyzeng
    Jan 17, 2019
    51
    求一个盘一盘奥利奥的功能,我想盘它!!想盘它!!
    syt123450
    syt123450
    OP
    Jan 17, 2019
    52
    @leiuu 打了泛黄的方向灯😂
    syt123450
    syt123450
    OP
    Jan 17, 2019
    53
    @leiuu 已经尽力优化了。。。不过在浏览器端跑可交互 3D 程序,GPU 压力都会比较大。。。
    syt123450
    syt123450
    OP
    Jan 17, 2019
    54
    @sannyzeng 感觉可以再做得干干巴巴,麻麻赖赖一点,这样盘起来比较有感觉😏
    catalina
    catalina
    Jan 18, 2019
    55
    不知道这个是不是 bug。。。当底层为“与”、次底层为“奥”的时候,从底下看上去,没有本来应该显示的花纹和 OREO 字样。
    https://s2.ax1x.com/2019/01/18/kpX2JH.png
    syt123450
    syt123450
    OP
    Jan 19, 2019
    56
    @catalina 黑色饼干默认文字朝上,只有在最后的时候才会翻一面。这种情况最后一层是“与”,所以倒数第二层的“饼干”没有翻面,所以直接看到平的那面了😂
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1743 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 81ms · UTC 14:16 · PVG 22:16 · LAX 06:16 · JFK 09:16
    ♥ Do have faith in what you're doing.