初学COCOS 做一个人物行走动画

sadwind2024-06-09笔记3148

看了几天教程,今日尝试做了一个人物行走动画,点击人物时,切换为跑步,再点击时切换为行走。原理:即为一个节点挂一个动画组件,将事先准备好的素材导入,用动画组件做一个人物行走和跑步的序列帧动画,同时将准备好的背景拖入场景,控制背景向左移动,可以同时设置和改为移动速度实现人物在行走的效果。

讲一下注意点:

1,使用的是COCOS 3.8 ,注意有些东西和网上的教程不同

2,天空背景和草地背景,人物两个帧动画素材

3,背景移动时,需要复制一份,比如BG1/BG2,两张图并排,第二张放到场景外,控制两张图片移动,当BG1移出场景外时,要将BG1的坐标改动到BG2的后面,BG2移出场景时再移到BG1的后面,以此实现循环滚动的效果。在此要计算图片的位置和大小,位置可以通过this.node.position.x得到,但是大小注意的是,它是通过组件UITransform获取。

4,人物行走动画是通过Animation组件实现,其下可以挂载多个动画片段,可以在程序里控制播放哪一个。

5,事件监听,因为3.8取消了CC,直接通过this.node.on来写。这个应该要放到onload()中去。

backlist

prev:想自己做游戏一些准备

There are no latest articles left...

relate content

VUE学习:五.UI 框架

前言如果你想快速开发一款应用,并且不想过多的操心页面 UI 的内容,比如你不想去实现一个下拉 UI 组件或设计一个 icon 图标,那么我们可以使用现有的别人做...

【编程达人】火哥Windows内核课程(上+下)

【编程达人】火哥Windows内核课程(上+下)

描述:本套课程来自编程达人:课程官方售价上下(5499+5499)元,由编程达人一线老师主讲,主要讲解windows的保护模式,系统调试,异常发现及处理等等。本课程包含内核上下两部分,内核课程上11节...

根据id值,自动生成编号、编码等

某项目在新增数据时,需要一个编码如:XXXX0001 格式。设想每次添加时,根据id的最大值加1,然后拼接成此形式的字符。当时这方法不是太好,只是一个思路,因为如果多人同时添加,会造成该字段重复。一,...

VUE学习:九.模板解析

前言模板指的是每个 page 下的 html 模板文件,vue 创建项目时,默认使用单页应用配置,模板文件的作用主要用于 webpack 中 html-webpack-plugin ...

想自己做游戏一些准备

之前做的游戏资源网站,搜索引擎被K,收录几乎为零,几个广告账号又被封,访问量又不高的情况下,已无继续下去的必要了。一直有想自己做游戏的想法,因为没有美术和音乐的基础,一直没有去思考,最近倒是可以试试,...

TP6 一条数据库查询代码 column索引值理解

// 返回数组 Db::table('think_user')->where('status',1)->column('name'...

Post Reply    

◎Welcome to participate in the discussion.