微信扫一扫 分享朋友圈

已有 1913 人浏览分享

开启左侧

基于B站教程宝可梦日月导入unity插件的二次拓展教程(本教程只用于学习Unity拓展,)

[复制链接]
1913 0

本帖最后由 龙哥的秘密花园 于 2023-4-23 15:38 编辑

本帖最后由 龙哥的密码花园 于 2023-4-21 21:54 编辑

本教程只用于学习Unity基于Ui Toolkit,主要是对在其他地方获取到的插件某些功能并没有,但是本身需要这些功能,二次拓展。

本次教程希望可以给大家带来一些启发。

在这里我使用B站关于Unity导入宝可梦日月模型插件进行二次的拓展。

关于宝可梦日月模型导入Unity这的宝可梦日月源文件和github插件地址: https://github.com/opeious/Pokemon3DStoUnity

链接:https://pan.baidu.com/s/11OsBlcHR-xxLA1D1si9vgA?pwd=Long 提取码:Long

B站搜索unity宝可梦日月模型导入应该是可以找到的,我也是在B站上找到的。

关于插件和怎么导入简单的示例一下:

先将插件和源文件解压,等待解压完成。源文件解压完成后不要直接放入unity的项目中,将它放在你自己知道的文件目录下

image.png

将解压完的第二个插件直接拖入unity项目的""Assets""下,等待编译完成

在Unity菜单中出现如图所示表示插件编译成功

image.png

然后就是关于源文件的操作了,解压完成的源文件如下

image.png

打开网站:->https://gbatemp.net/threads/wip-ultra-sun-and-ultra-moon-pokemon-models-textures-and-animations.490365/

应该是和下面界面一致,向下翻

image.png

找到如下示图

image.png

源文件对应的宝可梦路径就知道了

image.png

打开Unity项目中菜单的插件

image.png

点击第一个选项,初始界面应该是如下图所示

image.png

接下来在Unity项目的""Assets\宝可梦模型""下创建文件夹,我这里创建的文件夹叫""第一只宝可梦""。没有宝可梦这个文件夹就先创建""宝可梦模型""文件夹

将""第一只宝可梦""放到""宝可梦模型""文件夹下

然后我这里放入第一只宝可梦的对应文件放入

image.png

image.png

将插件设置路径设置到""宝可梦模型""文件夹,如图所示

image.png

点击如图所示按钮

image.png

再点击如图所示按钮

image.png

等待解压完成

image.png

使用插件完成一只宝可梦模型导入,当然还有相关动画

还没有完成!!!

打开之前解压的源文件将对应的文件放到同一个文件夹下,注意同一个文件夹放入两个或者更多都是不会解压多个的而是第一个。

想想看,1000多只宝可梦先创建1000多个文件夹,然后将每个对应的文件放入,这该多么麻烦啊!!!!

现在就开始本教程的核心:

1.要创建1000个文件夹

2.将对应的宝可梦源文件分组到到上面的文件夹

自动化完成上面的事然后使用插件完成导入宝可梦模型就非常的简单了,不是吗

现在开始创建Ui Toolkit 完成二次拓展开发

先创建编辑器窗口这里非常简单,在""Project""的""Assets""窗口下右键找到 ->""Create""->""Ui Toolkit""

->"" Editor Window""点击,出现如下所示

image.png

创建该拓展名称""宝可梦资源分组拓展""点击""Confirm""创建完成

image.png

现在我要将这默认文字去掉

image.png

在""Assets""->""Editor""在这个文件夹下会有创建拓展名称一样的三个文件

image.png

先双击它,会弹出自定义窗口样式

image.pngimage.png

在面板上找到""Hierarchy""将""Lable""删除如下

image.png

image.png

""CTRL""+""S""保存关闭窗口,发现有行文字被删除了

image.png

接下来双击打开它

image.png

image.png

现在将不需要要的东西删除,并添加如下代码

image.png

""CTRL""+""S""保存回到Unity发现文字被剔除了

image.png

接下来我们开始对样式进行搭建,双击打开它

image.png

在自定义样式中默认是没有添加编辑器容器的我们选择""Editor Extension Autnoring""

image.png

image.png

不用管警告,我们来搭建自己拓展编辑器样式,因为我英文不太好,而且也不太熟练UI Toolkit,然后后面的样式可能会有一点点难看,不过功能没问题就可以了。这里就按自己的理解说一下要用到的容器(名字翻译的)

这些使用的容器中,插页和基类字段并不会在自定义样式中创建,它们会随着宝可梦源文件的变化而需要改变,

它们将在C#代码中创建并使用(关于容器的创建有三种方式:1.自定义样式中创建 2.C#中创建即new

3.在uss中创建)

所有容器的基类 列表 按钮 插页 文本字段 基类字段

image.pngimage.pngimage.pngimage.pngimage.pngimage.png

将""Library""中的""VisualElement""拖到""Hierarchy""中

image.png

现在开始介绍""Inspector""中我常用的功能以及自己解释的功能

(可能对于你来说我解释的不够正确,请观看UnityAPI进一步了解)

每个容器的""Inspector""基本基于这个基类大抵相同,就快速的搭建一下了

image.png

image.png

搭建完成

image.png

先简单的说一下样式的布局和调过的参数

鼠标悬停到这,可以知道该基类容器内包含一个""TextField""和两个""Button""

image.png

先看基类容器,并没有任何设置

image.png

在""TextField""中设置名称可以在脚本中找到,设置Labal为""路径"",将Direciton设置为从左到右更加的美观

image.png

在""Button2""设置名字和文本,添加一些边距和边框和圆角,

image.png

image.png

在""Button1""和上面一样的设置,文本和名字改变

image.png

该基类设置Direciton设置为从左到右 Shrink为1,Grow为1

image.png

这个基类包含""ListView""和""VisualElemen""

image.png

""ListView1""如下设置

image.png

image.png

选择另一个基类如下设置

image.png

image.png

选择这个基类,展开它,可以知道该基类容器内包含一个""TextField""和两个""Button""

image.png

关于""TextField""的设置

image.png

第一个""Button""设置

image.png

image.png

第二个""Button""设置

image.png

image.png

最后一个""Button""刷新设置

image.png

image.png

如上关于拓展的样式基本完成开始编写脚本

将局部变量改为全局

image.png

image.png

声明变量存储并找到,刚刚创建的样式中个个容器。

image.png

这边先实现导入和导出的回调事件,在`CreateGUI()绑定事件

image.png

image.png

实现刷新事件

image.png

image.png

image.png

绑定分组事件

image.png

image.png

image.png

image.png

绑定重置事件

image.png

最后将这里修改一下,放到自己喜欢的地方

image.png

image.png

保存,等编译完成在菜单栏中找到""龙哥的秘密花园""->""宝可梦资源分组拓展""打开它

image.png

测试一下

image.png

image.png

2.好吧,关于列表这边还是有点点问题,不过正常的添加进去了,将折页折起来,观察第一个元素和最后的元素是否和网站上的宝可梦源文件存储位置是否一致。还有就是网站上的宝可梦源文件存储位置有千分之一会跳源文件的排序请仔细观察

image.png

image.png

3.文件路径一定是在""Assets""下是没有重名的

image.png

image.png

image.png

点击后,还是关于表单的问题,不用管他

image.png

分组完成

image.png

6.打开插件设置它

image.png

7.按照顺序点击从左到右

image.pngimage.png

等待生成

9.生成完成后,宝可梦模型预制体和相关依赖都在image.png将文件夹名填入

image.png

10.将预制体导出,等待完成

image.png

打开image.png找到自己的unity项目,导出的包在""Assets""同级下,这里没有是因为我将它们移动到其他地方了image.png

本教程基于untiy导入宝可梦插件而进行的二次拓展,除了那列表的文字上下覆盖就没啥问题了,基本上剩下的都是时间的活了。

还有就是关于插件,它最多只能导出45个宝可梦预制体,如果你在""保存文件""下放的超过这个分组数量,

我这个拓展是可以分出来的,但是使用插件导出预制体会跳顺序和大部分分组的文件夹下的文件无法进行下一次

导出宝可梦预制体。所以要在""保存文件""下不要超过45只宝可梦,当然45只在我电脑上导出时间大概为30分钟。这个拓展也是足够方便了,起码比自己手动创建方便。(经过大概4个多小时的测试,可以一次性导出137只,但是第0个文件夹不会解出宝可梦模型)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

参与人数 1创新分 +45 技术分 +15 艺术分 +15 收起 理由
admin + 45 + 15 + 15

查看全部评分

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩推荐
热门资讯
网友晒图
图文推荐
  • iOS App

  • 安卓App

Archiver|手机版|小黑屋|技你太美101

GMT+8, 2024-11-23 15:56 , Processed in 0.099344 second(s), 32 queries .

Powered by 技你太美101

© 2024 JNTM101 Team