Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)

上个月有个gz让我高仿做一个的天空球微信小游戏,当晚做出Demo后第二天那gz居然说不要了(很气愤),所以这个Demo一直保留至今,今天刚好就做为供大家学习Laya3D的demo分享给大家

国际惯例先上效果图:

一、使用Unity3D引擎搭建游戏场景:

1.首先建立一个新的unity3d工程,新建两个文件夹分别用于保存资源、场景,并导入Laya官方提供的Unity插件:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第1张图片

2.将新建场景保存在Scenes文件夹(命名自取),然后在场景下创建一个Plane的3d物体重命名为bg,

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第2张图片

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第3张图片

3.然后我们在res下创建一个texture文件夹用于存放纹理,这里将我自己准备好的图片资源放进来:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第4张图片

4.再在res下新建一个metrail的文件夹,并创建四个材质球,分别用于做球体、背景、地板和拖尾的材质,我们直接在这里吧纹理关联到材质球中:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第5张图片

5.然后将bg的材质球给到刚刚创建的bg节点下的网格渲染器组件中,然后吧节点立起来(因为游戏是看向z轴的):

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第6张图片

6.然后我们创建一个3d球体也给player的材质球并加上刚体组件(因为游戏是根据物理引擎的运作的),在节点创建一个Trail并挂上拖尾组件:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第7张图片

7.因为拖尾组件创建出来width是呈条带状的,所以我们要稍微改下他的显示拖尾为锥状,顺便也微调下显示遗留的时间,color调成自己喜欢的颜色:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第8张图片

8.玩家控制的球体有了背景图也有了,接下来就是要创建用于移动的地板,我们会创立一个floor_root的根节点,在下面存放Box网格的物体:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第9张图片

9.我们通过碰撞器的Edit调整下物体的状态(读者随意),也加上我们的刚体组件(注意一定是3d的刚体,不是2d的):

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第10张图片

10.调整好摄像机的位置,使其对准物体:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第11张图片

11.基本的场景有了我们还要创建一组物体用于在球的两边建筑物循环显示(上面的gif可以看到),我们做好后直接拖成预制体放到文件夹下,在下篇的文章中通过代码动态创建(因为做起来要花点时间作者就懒得做了Q.Q直接上个效果图):

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第12张图片

12.还有我们的地板也要做成预制体,因为目前场景只有提前放好的三个地板节点,后面通过代码动态生成:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第13张图片

13.接下来,也是最重要的一步,因为目前为止Laya对unity引擎组件的支持并不多,在材质方面也只能使用官方提供的,所以我们需要将所有的材质球变成Laya的,不然没有办法显示出来:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第14张图片

二、通过插件导出3d场景给Laya引擎使用:

找到导出场景的按钮:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第15张图片

然后我们配置好发布路径选择导出场景,这里建议大家跟作者一样把路径设置到Laya3D工程的bin/res目录下,方便每次修改导出后直接可以使用,发布后生成.ls数据文件:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第16张图片

场景导出后还有一个就刚刚制作的3d预制体,我们要选择吧场景所有节点忽略,只把预制体的暴露出来,选择导出预设,在路径下就会生产.lh的文件:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第17张图片

然后就能看到默认导出的场景(.ls)和预制体(.lh)文件:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第18张图片

三、加载3d场景到舞台下:

这里我们提前创建好代码的脚本文件,方便下篇文章直接上手写代码:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第19张图片

加载3d场景:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第20张图片

然后我们运行一下,就能看到场景已经被Laya加载进来:

Laya Air+Unity3D双引擎带你做个天空球3D小游戏(上篇)_第21张图片

可目前这个场景还是个死的,不能进行任何运动(上面的拖尾因由于球在空中收到物理引擎影响在往下掉),下一篇文章奎斯再带大家写代码让所有物体运行起来

 

感谢阅览奎斯文章,希望各位也在学习的Laya游戏引擎的小伙伴能有所收获

你可能感兴趣的:(Laya,Air,Unity3D,3D微信小游戏)