unity跑酷怎么添加金币_教程文档 | 3D 跑酷小游戏实战开发

52615401411ba28639695544ea48c3b8.png

本教程带领大家从零开始开发一款完整的3D跑酷游戏,主要面向读者是有一定Egret2D开发经验的小伙伴,手把手教你学习EgretPro开发,快速开启您的EgretPro开发之旅。

下面是整个游戏的制作过程。

游戏制作

工欲善其事必先利其器,在开始制作游戏之前,您需要检查您是否安装了以下开发环境:

  1. 检查你的EgretPro是否更新到了1.6以及以上版本;
  2. 检查下是否安装了5.3.7以及以上的Egret2d引擎。

创建项目

首先,打开EgretPro,项目--库项目--新建。

2e2601b3ffbfca460910e3d94006a6a6.png

其次,创建完项目之后,EgretPro会自动打开刚才创建的库项目RunningGame,在resource/scenes目录下面创建一个场景RunningScene,双击在场景编辑中打开该场景。如下图所示:

09c82f7570ab9714b468aecc8bc74d0a.png

创建跑道

跑道是通过3个实体Cude拼接而成的,并且随着主角向前奔跑,跑道需要滚动起来,我们再这里通过组件的方式动态的创建跑道。

使用Vscode打开自己刚才创建的项目,然后在src目录下面创建一个文件夹game用来存放我们的组件代码,然后在game目录中创建RoadController.ts文件。

import {
     component } from "@egret/ecs";
import {
     Behaviour, GameEntity, EngineFactory, Vector3 } from "@egret/engine";
import {
     MeshFilter, DefaultMeshes, MeshRenderer, Material } from "@egret/render";
import {
     ResourceManager } from "@egret/core";

@component()
class RoadController extends Behaviour{
    
  
    private roads:GameEntity[] = [];
    private roadSize:Vector3 = Vector3.create(5,1,10);
    async onStart(){
    
        const RoadMaterial:Material = (await ResourceManager.instance.loadUri("assets/materials/ground.mat.json")).data;

        //创建3个实体拼接成跑道
        for (let i = 0; i < 3; i++) {
    
            const road:GameEntity = EngineFactory.createGameEntity3D("road"+i);
            road.addComponent(MeshFilter).mesh = DefaultMeshes.CUBE;
            road.addComponent(MeshRenderer).material = RoadMaterial;
            road.transform.localScale = this.roadSize;
            road.transform.setPosition(0,0,i*this.roadSize.z);
            this.roads.push(road);
            
        }
    }

    onUpdate(){
    

    }
}

然后把RoadController组件添加在场景的Root实体上,

47c465e8fbcb1f5853b005b0c39047eb.png

最后点击预览(内置)(或者预览浏览器)按钮,就可以看到下面的效果了。

0c794ea24d2888751cdc4b3070cae741.png

摄像机的这个角度看上去有点别扭,你可以在运行界面,通过调试摄像机的TransForm参数来调整摄像机的位置与角度达到画面看上去比较舒服。

添加主角

将主角添加到场景中,并且向前奔跑,效果图如下:

2d7d46977325e4583ab22106a7882115.png

第一步,将美术同学给的游戏素材BakedAnimation拷贝到项目目录resource/assets/animations中。

82c3e31a98b3dd13478fcc720e278b2d.png

第二步,在EgretPro编辑器资源管理器中打开resource/assets/animati

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值