V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
cfu18
V2EX  ›  分享创造

因为家里的孩子喜欢昆虫,很早以前做了一个查看 3D 模型的 小程序

  •  1
     
  •   cfu18 · 2023-02-02 19:56:29 +08:00 · 4602 次点击
    这是一个创建于 446 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 原来是想做一个常见昆虫的百科,半途而废,只留下了一些 3D 模型浏览

    • 没有做更深入的适配,目前只验证了 IOS 系统。

    • 不知道要做点什么,大家帮忙出出主意,感谢。

    67 条回复    2023-02-15 00:28:42 +08:00
    zhlxsh
        2
    zhlxsh  
       2023-02-02 20:29:16 +08:00 via iPhone
    通过 pro 的雷达摄像头扫描自己的物品建立 3d 模型??
    zhlxsh
        3
    zhlxsh  
       2023-02-02 20:32:25 +08:00 via iPhone   ❤️ 1
    对了,看了一下,挺不错的。大螳螂活灵活现,差点要向我掏过来了

    要是我家的小猫咪也可以在手机上动就好了:)
    7gugu
        4
    7gugu  
       2023-02-02 20:39:05 +08:00
    模型出乎意料之外的精细👍,怎么做到加载这么快的啊?好厉害
    ayang23
        5
    ayang23  
       2023-02-02 20:39:18 +08:00
    好东西,能多点种类就更好了
    Danswerme
        6
    Danswerme  
       2023-02-02 20:55:01 +08:00
    好有爱的爸爸!

    安卓系统用 Pixel 3 XL 试了下很流畅。
    metalvest
        7
    metalvest  
       2023-02-02 21:55:37 +08:00 via Android
    做成宝可梦那样的虚拟收集对战平台如何
    loolac
        8
    loolac  
       2023-02-03 08:59:20 +08:00
    看着不错啊,有点逼真。小虫子都大大大了。哈哈

    喜欢昆虫的孩子我无法想象。有一段时间,对吃昆虫(包括蝉蛹,虾,螃蟹,龙虾等等)都过敏。
    fumichael
        9
    fumichael  
       2023-02-03 09:34:41 +08:00
    别人家的孩子长大了,现在是别人家的爸爸,真的惭愧
    WillBeethoven
        10
    WillBeethoven  
       2023-02-03 09:35:52 +08:00
    很有意思,感谢分享!
    waytocode
        11
    waytocode  
       2023-02-03 09:39:57 +08:00
    就是太少了,模型是怎么做的呀
    taylorins
        12
    taylorins  
       2023-02-03 09:40:56 +08:00
    可以用 Google 的 3d 模型,之前用过很好,完全不用自己做,忘了是什么应用
    hh4646908
        13
    hh4646908  
       2023-02-03 09:46:32 +08:00
    非常好,只是目前种类还比较少,希望能够丰富起来。另外,如果能加入 AR 那就更牛批了
    songxincong
        14
    songxincong  
       2023-02-03 09:54:12 +08:00
    6
    shmilyin
        15
    shmilyin  
       2023-02-03 10:09:30 +08:00
    不错,可以把小孩子喜欢的汽车、动物、恐龙、奥特曼啥的加进就更好了
    justfindu
        16
    justfindu  
       2023-02-03 10:22:00 +08:00
    模型怎么做的
    wensonsmith
        17
    wensonsmith  
       2023-02-03 10:27:45 +08:00
    这个模型也太精致了!

    丰富种类,加入分类筛选。详情页更多介绍

    小孩子的 wiki
    hidemyself
        18
    hidemyself  
       2023-02-03 10:28:39 +08:00
    很厉害哇
    jstony
        19
    jstony  
       2023-02-03 10:32:40 +08:00
    确实厉害,op 可以分享一下技术实现么?
    Hellokids
        20
    Hellokids  
       2023-02-03 10:35:05 +08:00
    效果很惊艳了,惊了。做点什么的话个人建议往互动、黏性上思考。靠新奇前期可以多更新,数据大到一定程度还是的靠互动
    bingoway
        21
    bingoway  
       2023-02-03 10:35:11 +08:00 via iPhone
    哇,不错不错
    tracerking
        22
    tracerking  
       2023-02-03 10:44:49 +08:00
    op 可以分享一下技术实现么 特别是模型来源
    shuxge1223
        23
    shuxge1223  
       2023-02-03 10:49:01 +08:00
    已收藏,之前我见过类似的东西,如果说建议,当然内容肯定要更丰富就不说了

    1 、拍照识别,语音播报,户外见到不认识的识别出来
    2 、收藏功能 拍照识别后收藏
    3 、勋章等级系统,按照收藏来进行等级
    4 、用户社交系统,分享给小伙伴自己收藏的等等


    用了 5 分钟想出来的,肯定有不全面的地方,希望对你有点用
    hellskof
        24
    hellskof  
       2023-02-03 11:00:21 +08:00
    这太屌了,还有更多的昆虫 /其它动物吗
    cfu18
        25
    cfu18  
    OP
       2023-02-03 11:03:28 +08:00   ❤️ 4
    统一回复一下大家,
    关于模型,其实每一个下面都有写出处
    - 带骨骼动画的,是引自 Google 的 ARcore 。
    - 其它的是 DiNArDa 的,这个博物馆 3D 扫描的。
    好多朋友都说模型不错,很惭愧,这些模型不是我自己创作的。

    关于技术,渲染用的是 Three.js 库,漫游框架我自己写的,没有用 Three 自带的。
    我是一个后端架构师,以前做过 CAD 开发,几何计算和模型渲染有一些经验,希望和大家可以做个朋友。
    looking0truth
        26
    looking0truth  
       2023-02-03 11:34:03 +08:00
    很 cool ,之前一直想做一个关于鸟类和植物的这种模型浏览网站,一直没找到模型怎么搞
    IanHo
        27
    IanHo  
       2023-02-03 11:48:23 +08:00
    好帅
    qbox
        28
    qbox  
       2023-02-03 11:53:25 +08:00
    有点小帅 比我们公司做的建模好多了
    gejigeji
        29
    gejigeji  
       2023-02-03 12:18:26 +08:00
    厉害
    FcukYouTony
        30
    FcukYouTony  
       2023-02-03 12:19:13 +08:00
    挺帅的, 牛
    xuanyuanaosheng
        31
    xuanyuanaosheng  
       2023-02-03 12:49:31 +08:00
    mark , 感觉真的很棒,希望增加小孩子喜欢的其他模型,后续慢慢增加互动功能吧
    missdeer
        32
    missdeer  
       2023-02-03 14:00:20 +08:00
    现在只能看到 14 个昆虫吗?
    momocraft
        33
    momocraft  
       2023-02-03 14:02:18 +08:00
    厉害厉害
    rui6ye
        34
    rui6ye  
       2023-02-03 15:10:44 +08:00
    能自己手动扫描照片 提交给后台建模就好了 类似人脸捕捉技术
    haozes
        35
    haozes  
       2023-02-03 15:31:31 +08:00
    很赞!期待再多模型!
    dogsHappyDay
        36
    dogsHappyDay  
       2023-02-03 16:20:50 +08:00
    厉害
    Tdy95
        37
    Tdy95  
       2023-02-03 16:22:36 +08:00
    谢谢楼主,让我了解了 Google 还提供了这么精美的模型,楼主能搞到这模型也算是一种能力。
    不过谷歌上也没说明有昆虫的模型 https://support.google.com/websearch/answer/9817187
    如果能把所有的模型爬下来,集合到一起,就很行。
    模型展示步骤如下,感兴趣的可以试试, 我的安卓机搜索有 3D 结果,但是点击去被拒绝了,可能不支持的机型(小米)?。tip: 需要使用繁体文字搜索。

    https://imgur.com/9v0bBKi
    tysb777
        38
    tysb777  
       2023-02-03 17:09:28 +08:00
    收藏了 等有娃了给娃看
    sugars
        39
    sugars  
       2023-02-03 17:14:05 +08:00
    模型很精美,支持一下
    jwenjian
        40
    jwenjian  
       2023-02-03 17:18:02 +08:00 via Android
    厉害,能加一些小鸟的模型吗?我儿子特别喜欢小鸟,各种小鸟
    zhengjian
        41
    zhengjian  
       2023-02-03 17:23:05 +08:00
    我之前也做过一个 iOS 快捷指令,能够 AR 查看各种动物(模型同样来源于 Google ): https://sharecuts.cn/shortcut/6948
    TiMaRaaa
        42
    TiMaRaaa  
       2023-02-03 17:30:11 +08:00
    想问 op 关于骨骼动画的模型有相关的链接吗?找了一下 sketchfab 里都是不带动画的模型
    sparklee
        43
    sparklee  
       2023-02-03 17:33:02 +08:00
    webgl, threejs
    itcong
        44
    itcong  
       2023-02-03 17:59:21 +08:00
    模型是如何找的?有具体的地方吗?看了 OP 的回复,没找到具体地址
    cfu18
        45
    cfu18  
    OP
       2023-02-03 20:31:25 +08:00
    @TiMaRaaa sketchfab 里面,把 Animated 选择勾上,就是带骨骼动画的。
    cfu18
        47
    cfu18  
    OP
       2023-02-03 20:37:18 +08:00
    @zhengjian 赞美!
    790002517zzy
        48
    790002517zzy  
       2023-02-04 01:50:51 +08:00 via Android
    做的不错
    lxms2021
        49
    lxms2021  
       2023-02-04 22:27:32 +08:00
    这个可以,种类再多一点就完美了
    SWBMESSI
        50
    SWBMESSI  
       2023-02-06 09:44:54 +08:00
    itcong
        51
    itcong  
       2023-02-06 10:25:59 +08:00
    @cfu18 感谢
    superliy
        52
    superliy  
       2023-02-06 15:11:51 +08:00
    不错,模型还能更多吗
    skschema
        53
    skschema  
       2023-02-07 12:15:48 +08:00
    先点个赞。
    一点想法:1.配合百科知识,或者《昆虫记》来做知识延伸;
    2.有局部静态图,比如昆虫翅膀,口器
    3.加入兴趣元素如社交,上传图片,成就机制。
    cfu18
        54
    cfu18  
    OP
       2023-02-07 13:32:43 +08:00
    @skschema 非常感谢
    其实,做百科最大的难点是入口和专业性。
    一般的入口都是识别,也有像 inaturalist 那样可以上传观察,也有专家入驻帮忙鉴定的平台。
    我考虑过做识别功能,只能识别到大的物种,不支持亚种。

    配合昆虫记做知识延伸这个创意挺有意思,这个可以结合上你的第 2 点来做。
    关于第 3 点,我觉得 inaturalist 做得非常好。
    cfu18
        55
    cfu18  
    OP
       2023-02-07 13:38:44 +08:00
    @cfu18
    之前联系过台湾的林義祥老先生,希望能把嘎嘎昆虫网的内容,搬到小程序里。因为各种原因,这个没有后续。
    后来,在一些生物多样性网站爬取了几百 GB 的资源,在本地搞了一个图鉴平台(^_^因此认识好多昆虫)。
    关于百科的话,有时间的话会考虑把这个弄到小程序,就是成本不小,哈。
    rui6ye
        56
    rui6ye  
       2023-02-11 15:38:09 +08:00
    790002517zzy
        57
    790002517zzy  
       2023-02-12 18:25:32 +08:00 via Android
    方便透露一下怎么解决小程序渲染带纹理的 glb 模型吗
    790002517zzy
        58
    790002517zzy  
       2023-02-12 23:40:55 +08:00 via Android
    @cfu18 渲染今天解决啦,但是我的模型从 sketchfab 下载的 没楼主的那么好
    请问下 google arcore 的动物可以下载 gltf 模型吗
    superliy
        59
    superliy  
       2023-02-13 14:34:22 +08:00
    @rui6ye 这个模型能像 Google 的模型一样动起来吗?
    superliy
        60
    superliy  
       2023-02-13 15:28:42 +08:00
    @cfu18 https://arvr.google.com/searchar/infocard?data=Cg0vZy8xMWZ0NTNyXzM1EAE&hl=zh-Hans-HK&origin=https://scene-viewer-preview.appspot.com&origin=https://arvr.google.com 这里面只有动物,所有动物模型都能下载,研究了个把小时,昆虫的没找到,老哥哪里能看所有 google 有的模型啊,
    superliy
        61
    superliy  
       2023-02-14 13:34:26 +08:00
    superliy
        62
    superliy  
       2023-02-14 13:36:40 +08:00
    @790002517zzy 有 usdz 和 glb
    superliy
        63
    superliy  
       2023-02-14 13:37:46 +08:00
    @790002517zzy 我把 Google arcore 动物和昆虫的模型都下载了,小程序渲染带纹理的 glb 模型 你这个有 demo 吗
    superliy
        64
    superliy  
       2023-02-14 13:38:24 +08:00
    @790002517zzy google 的 还带了声音和视频的
    790002517zzy
        65
    790002517zzy  
       2023-02-15 00:25:56 +08:00 via Android
    @superliy 什么 demo ?我是看他的代码写的
    https://github.com/sanyuered/WeChat-MiniProgram-AR-3D
    790002517zzy
        66
    790002517zzy  
       2023-02-15 00:26:29 +08:00 via Android
    小程序好像不能渲染带纹理的 glb 可能需要转一下
    @superliy
    790002517zzy
        67
    790002517zzy  
       2023-02-15 00:28:42 +08:00 via Android
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1255 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 18:05 · PVG 02:05 · LAX 11:05 · JFK 14:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.