dva模型3d素材-Dva 基本操作

《守望先锋2》已经真是发售了,不过目前来看游戏因为各种BUG、排队和氪金等问题,遭遇一波口碑炸裂。而比起游戏本身,玩家可能更加期待在3D区的消息。近日一位R18内容作者表示,关于《守望先锋2》的绅士内容已提上日程。

R18内容作者Memz发推文称,他已成功提取了《守望先锋2》的美女角色模型,其中包括猎空、DVA、天使和新英雄雾子。而这个消息也获得了热捧,目前Memz的推文已获得超5万点赞,远超近期官方内容的点赞数。

之前暴雪曾表示,将对《守望先锋:归来》角色模型进行加密,防止用来制作成人内容。但现在看来,暴雪的愿望要落空了。

一块学习,大家相互参考。

通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。

安装完 dva-cli 之后,就可以在命令行里访问到 dva 命令( 不能访问? )。现在,你可以通过 dva new 创建新应用。

这会创建 dva-quickstart 目录,包含项目初始化目录和文件,并提供开发服务器、构建脚本、数据 mock 服务、代理服务器等功能。

然后我们 cd 进入 dva-quickstart 目录,并启动开发服务器:

几秒钟后,你会看到以下输出:

在浏览器里打开

http://localhost:8000

,你会看到 dva 的欢迎界面。

通过 npm 安装 antd 和 babel-plugin-import 。 babel-plugin-import 是用来按需加载 antd 的脚本和样式的,详见 repo 。

编辑 .webpackrc ,使 babel-plugin-import 插件生效。

[图片上传中...(-e0b96d-1532076307190-0)]

我们要写个应用来先显示产品列表。首先第一步是创建路由,路由可以想象成是组成应用的不同页面。

新建 route component routes/ ,内容如下:

添加路由信息到路由表,编辑 :

然后在浏览器里打开

http://localhost:8000

/#/products ,你应该能看到前面定义的 <h2> 标签。

随着应用的发展,你会需要在多个页面分享 UI 元素 (或在一个页面使用多次),在 dva 里你可以把这部分抽成 component 。

dva 通过 model 的概念把一个领域的模型管理起来,包含同步更新 state 的 reducers,处理异步逻辑的 effects,订阅数据源的 subscriptions 。

新建 model models/ :

这个 model 里:

然后别忘记在 里载入他:

到这里,我们已经单独完成了 model 和 component,那么他们如何串联起来呢?

dva 提供了 connect 方法。如果你熟悉 redux,这个 connect 就是 react-redux 的 connect 。

编辑 routes/ ,替换为以下内容:

最后,我们还需要一些初始数据让这个应用 run 起来。编辑 :