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

LOL 3D 模型 可视化(修正)

  •  3
     
  •   96486d9b · 2019-05-21 00:02:37 +08:00 · 4449 次点击
    这是一个创建于 2019 天前的主题,其中的信息可能已经有所发展或是发生改变。

    之前的项目地址更换了,拼错了 hh,heros -> heroes

    基于 three.js 搭建了一个 LOL 的 3D 模型 Gallery,展示了大概 130 个英雄,包括皮肤以及动作。

    项目地址: https://github.com/96486d9b/lol-heroes

    GitHub Page: https://96486d9b.github.io/lol-heroes

    顺便安利一下,公交数据可视化城市结构,已经将所有城市整合到一个页面。https://github.com/96486d9b/city-vein

    第 1 条附言  ·  2019-05-21 17:24:05 +08:00
    新增了键盘操作,qwera 对应相应的技能和攻击特效,默认执行一次。
    第 2 条附言  ·  2019-05-22 16:49:15 +08:00
    新增了拉克丝大元素使的各个形态~
    28 条回复    2019-05-23 01:05:40 +08:00
    Melyn
        1
    Melyn  
       2019-05-21 00:04:52 +08:00 via iPhone
    先收藏再看
    md5
        2
    md5  
       2019-05-21 00:10:40 +08:00 via Android   ❤️ 1
    那么炫彩呢
    changwei
        3
    changwei  
       2019-05-21 01:00:31 +08:00   ❤️ 1
    太酷了,http://pissang.github.io/dota2hero/#/hero/enchantress 这里还有一个刀塔的
    96486d9b
        4
    96486d9b  
    OP
       2019-05-21 06:20:59 +08:00 via Android
    @changwei 您好 谢谢 Dota 这个项目确实就是当初的 motivation
    96486d9b
        5
    96486d9b  
    OP
       2019-05-21 08:07:25 +08:00 via Android
    @Melyn 实际上有皮肤模型就可以 炫彩就是换一个贴图
    lyseky
        6
    lyseky  
       2019-05-21 09:02:57 +08:00 via Android
    膜拜
    md5
        7
    md5  
       2019-05-21 09:04:38 +08:00
    又看了下你这是 17 年的数据,不是自己解的 wad ?
    hohohohoc
        8
    hohohohoc  
       2019-05-21 09:45:05 +08:00
    酷炫啊
    96486d9b
        9
    96486d9b  
    OP
       2019-05-21 11:26:56 +08:00
    @md5 是的,上面的模型是直接爬取的,爬取脚本也在项目地址里
    zke1e
        10
    zke1e  
       2019-05-21 13:40:06 +08:00
    很有意思
    lovejunjie1
        11
    lovejunjie1  
       2019-05-21 16:04:11 +08:00
    优秀,给星收藏!
    96486d9b
        12
    96486d9b  
    OP
       2019-05-21 16:29:05 +08:00
    @lovejunjie1 哈哈,谢谢支持~
    CommandZi
        13
    CommandZi  
       2019-05-21 17:10:44 +08:00
    这个有没有做成 AR 的可能?我查了一下 lmesh 格式好像并不是通用的 3D 模型文件格式
    96486d9b
        14
    96486d9b  
    OP
       2019-05-21 17:21:22 +08:00
    @CommandZi 嗯模型是最难弄的,我开始弄的时候最开始尝试的是直接导出 LOL 的模型,是 DAE 格式的,然后配上贴图可以变成 FBX 格式的,但是我不太会 3DSMAX 操作,贴图和原始模型的整合不太会,所以就直接用了 lolking.net 的 lmesh 模型,这个模型稍微有一些旧,是 2017 年的。
    hohohohoc
        15
    hohohohoc  
       2019-05-21 17:29:42 +08:00
    改成 AR 确实不错 +1
    imherer
        16
    imherer  
       2019-05-21 18:47:08 +08:00
    优秀
    imherer
        17
    imherer  
       2019-05-21 18:47:27 +08:00
    已 star
    96486d9b
        18
    96486d9b  
    OP
       2019-05-21 19:18:07 +08:00
    @imherer 哈哈,谢谢支持~
    md5
        19
    md5  
       2019-05-21 21:46:05 +08:00   ❤️ 1
    @96486d9b
    teemo.gg 这个可以从下面往上看,底部 LOGO 可以考虑透明化吗
    https://teemo.gg/model-viewer
    96486d9b
        20
    96486d9b  
    OP
       2019-05-21 21:52:03 +08:00
    @md5 嗯嗯这个是可以的,这个只要改一行就可以了,那个网站我也看过,做得真的很好哈哈
    secondwtq
        21
    secondwtq  
       2019-05-21 21:53:17 +08:00
    @96486d9b DAE 应该也可以用的
    dodo2012
        22
    dodo2012  
       2019-05-21 22:28:09 +08:00
    这个可以
    96486d9b
        23
    96486d9b  
    OP
       2019-05-21 23:00:48 +08:00
    @secondwtq 嗯是的,但是导出的 DAE 和贴图是分开的,不太会 DAE 和贴图整合在一起
    96486d9b
        24
    96486d9b  
    OP
       2019-05-22 13:53:24 +08:00   ❤️ 1
    @md5 您好,底部已经改成透明的了~
    dabaibai
        25
    dabaibai  
       2019-05-22 15:37:16 +08:00
    unity 更爽
    96486d9b
        26
    96486d9b  
    OP
       2019-05-22 16:47:19 +08:00
    @dabaibai 嗯,unity 感觉更适合这个场景
    secondwtq
        27
    secondwtq  
       2019-05-22 19:11:43 +08:00
    @96486d9b DAE 里面有模型的 mesh 信息,外面有几张贴图,你把 mesh 导进 WebGL 的 buffer 里面,渲染的时候绑个 shader,sampler 绑上贴图就行了。原则上是这样的
    96486d9b
        28
    96486d9b  
    OP
       2019-05-23 01:05:40 +08:00 via Android
    @secondwtq 嗯谢谢 有机会尝试一下、
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1066 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 19:55 · PVG 03:55 · LAX 11:55 · JFK 14:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.