【unity3d】入门:安装、模型导入、项目打包、结合Vue项目

1,344 阅读1分钟

Unity3D、UE4/5简单对比

标题Unity3DUE4/5
跨平台支持支持各种设备(AR、VR等)使用不支持webgl、对移动端不友好
学习成本C# 更快入门C++开发难度高
价格个人版免费个人版免费
性能普通电脑即可对电脑要求高,吃性能

u3d安装和基础操作

Unity官网unity.cn/releases

首先要注册账号,有账号才能下载安装

下载安装Unity Hub image.png

下载需要的Unity版本(从Hub下载) image.png

为Unity版本添加WebGL、简体中文模块 image.png image.png image.png

安装Visual studio,用于编辑C#代码 image.png

一系列安装后,就可以通过Unity Hub来管理u3d项目了。。 image.png

添加已有项目 image.png

创建新项目 image.png image.png

模型导入

image.png

image.png 第一次导入会有一点点久,请等待。。。

image.png 记得选重新加载

image.png

项目打包

  • Build and Run 打包后立即运行一个网页,可以实时查看项目
  • Build

打包配置: image.png

image.png 第一次打包会比较慢,后面再次打包就快了。。

打包生成的文件

image.png

Vue项目实践配置

在public下新建一个unity的文件夹,放置unity打包后的文件(放置Build和StreamingAssets两个文件夹就好了) image.png

在vue项目的public文件夹下的index.html中引入打包后的loader.js image.png

为了方便管理和复用,可以在component中添加一个model的单文件组件。这一块可以参考看下打包出来的index.html image.png 注意点:因为大家命名的项目名称不一样,所以打包之后的文件夹里面的文件名称也不一样,注意更换成自己的image.png

然后将这个文件在App.vue中引入 image.png

最后运行项目。