LOL 3D 模型可视化（修正）

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1794 天前的主题，其中的信息可能已经有所发展或是发生改变。

之前的项目地址更换了，拼错了 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

新增了拉克丝大元素使的各个形态~

LoL

可视化

模型

heros

28 条回复 • 2019-05-23 01:05:40 +08:00

Melyn

2019-05-21 00:04:52 +08:00 via iPhone

先收藏再看

md5

2019-05-21 00:10:40 +08:00 via Android

那么炫彩呢

changwei

2019-05-21 01:00:31 +08:00

太酷了，http://pissang.github.io/dota2hero/#/hero/enchantress 这里还有一个刀塔的

96486d9b

2019-05-21 06:20:59 +08:00 via Android

@changwei 您好谢谢 Dota 这个项目确实就是当初的 motivation

96486d9b

2019-05-21 08:07:25 +08:00 via Android

@Melyn 实际上有皮肤模型就可以炫彩就是换一个贴图

lyseky

2019-05-21 09:02:57 +08:00 via Android

膜拜

md5

2019-05-21 09:04:38 +08:00

又看了下你这是 17 年的数据，不是自己解的 wad ？

hohohohoc

2019-05-21 09:45:05 +08:00

酷炫啊

96486d9b

2019-05-21 11:26:56 +08:00

@md5 是的，上面的模型是直接爬取的，爬取脚本也在项目地址里

zke1e

2019-05-21 13:40:06 +08:00

很有意思

lovejunjie1

2019-05-21 16:04:11 +08:00

优秀，给星收藏！

96486d9b

2019-05-21 16:29:05 +08:00

@lovejunjie1 哈哈，谢谢支持~

CommandZi

2019-05-21 17:10:44 +08:00

这个有没有做成 AR 的可能？我查了一下 lmesh 格式好像并不是通用的 3D 模型文件格式

96486d9b

2019-05-21 17:21:22 +08:00

@CommandZi 嗯模型是最难弄的，我开始弄的时候最开始尝试的是直接导出 LOL 的模型，是 DAE 格式的，然后配上贴图可以变成 FBX 格式的，但是我不太会 3DSMAX 操作，贴图和原始模型的整合不太会，所以就直接用了 lolking.net 的 lmesh 模型，这个模型稍微有一些旧，是 2017 年的。

hohohohoc

2019-05-21 17:29:42 +08:00

改成 AR 确实不错 +1

imherer

2019-05-21 18:47:08 +08:00

优秀

imherer

2019-05-21 18:47:27 +08:00

已 star

96486d9b

2019-05-21 19:18:07 +08:00

@imherer 哈哈，谢谢支持~

md5

2019-05-21 21:46:05 +08:00

@96486d9b
teemo.gg 这个可以从下面往上看，底部 LOGO 可以考虑透明化吗
https://teemo.gg/model-viewer

96486d9b

2019-05-21 21:52:03 +08:00

@md5 嗯嗯这个是可以的，这个只要改一行就可以了，那个网站我也看过，做得真的很好哈哈

secondwtq

2019-05-21 21:53:17 +08:00

@96486d9b DAE 应该也可以用的

dodo2012

2019-05-21 22:28:09 +08:00

这个可以

96486d9b

2019-05-21 23:00:48 +08:00

@secondwtq 嗯是的，但是导出的 DAE 和贴图是分开的，不太会 DAE 和贴图整合在一起

96486d9b

2019-05-22 13:53:24 +08:00

@md5 您好，底部已经改成透明的了~

dabaibai

2019-05-22 15:37:16 +08:00

unity 更爽

96486d9b

2019-05-22 16:47:19 +08:00

@dabaibai 嗯，unity 感觉更适合这个场景

secondwtq

2019-05-22 19:11:43 +08:00

@96486d9b DAE 里面有模型的 mesh 信息，外面有几张贴图，你把 mesh 导进 WebGL 的 buffer 里面，渲染的时候绑个 shader，sampler 绑上贴图就行了。原则上是这样的

96486d9b

2019-05-23 01:05:40 +08:00 via Android

@secondwtq 嗯谢谢有机会尝试一下、

LOL 3D 模型 可视化（修正）

LOL 3D 模型可视化（修正）