cocoscreator 动态创建帧动画

注意：当前节点要加个sprite组件才能正常显示！！！！

// Learn TypeScript:
//  - https://docs.cocos.com/creator/manual/en/scripting/typescript.html
// Learn Attribute:
//  - https://docs.cocos.com/creator/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - https://docs.cocos.com/creator/manual/en/scripting/life-cycle-callbacks.html
const {ccclass, property} = cc._decorator;export let _animation:cc.Animation//动画组建
export let _animationclip:cc.AnimationClip //动画图集
export let speed=1;
@ccclass
export default class NewClass extends cc.Component {// LIFE-CYCLE CALLBACKS:onLoad () {//加载动画资源cc.resources.load( "animation/run_0",cc.SpriteAtlas,(err, data) => {if (err) {return;}_animation = this.node.addComponent(cc.Animation);//添加动画组建let frames:cc.SpriteFrame[] =data.getSpriteFrames();//this.sprAtlas.getSpriteFrames();//data.getSpriteFrames();var clip = cc.AnimationClip.createWithSpriteFrames(frames, frames.length);//创建动画帧图//添加偏移frames.forEach((v,k) => {var x=v['_offset']['x'];var y=v['_offset']['y'];console.log( speed/frames.length*k)// 添加帧事件clip.events.push({frame: speed/frames.length*k,         // 秒func: "setOffSet",// 回调函数名称params: [x, y,k]    // 回调参数});});clip.name = "anim_001";clip.speed = speed;//速度clip.wrapMode = cc.WrapMode.Loop;//模式_animation.defaultClip=clip_animation.addClip(clip);_animation.play("anim_001");})}start () {      }// update (dt) {}obj2string(obj){ for (const [key, val] of Object.entries(obj)) {console.log("------")console.log(key, val)console.log("------")}}//设置偏移量setOffSet(x:number,y:number,k:number){console.log("帧事件");console.log(x,y,k)this.node.setPosition(cc.v2(x,y))}
}

cocoscreator 动态创建帧动画相关推荐

android 创建帧动画,Android 逐帧动画创建实例详解
Android 逐帧动画创建实例详解前言: 我们看早期电影的时候,电影通常是一张一张播放,用我们现在专有名词来说,就是一帧帧来,安卓同样有这样动画效果的编排形式. 那么我们先定义逐帧动画xml文件 ...
电子脑PHP动画制作,PS简单制作一个动态的字体动画
这篇教程是向PHP中文网的朋友分享PS简单制作一个动态的字体动画方法,教程制作出来的字体动画非常漂亮,难度不是很大,来看看吧动态的文字比静态的文字更加吸引人的目光.如果在平时的海报中,在平时的促销活 ...
Android动画之帧动画和补间动画
Android系统提供三种动画:帧动画.补间动画和属性动画.这里先分析总结帧动画和补间动画. FrameAnimation 帧动画,通俗来说就是按照图片动作顺序依次播放来形成动画,创建帧动画可以用 x ...
android 帧动画的使用
今天,简单讲讲android里如何使用帧动画. 其实也很简单,不过之前自己需要写一个帧动画时,忘记了具体怎么写,在网上查找资料后,解决了这个问题.所以这里记录一下. 一.概述帧动画,顾名思义就是这个 ...
ps 帧动画也说 gif 动图
ps gif动图打开图片蒙版工具滤镜-液化点击软件右上方的"设置"选项,点击"动感",点击"创建时间轴选项" 窗口-时间轴-创建帧动 ...
Android动画——逐帧动画
1.概述 Android 平台有一套完整的动画框架,在Android3.0之前有两种动画,一种方式是补间动画 Tween Animation.另一种叫逐帧动画 Frame Animation(也称Dr ...
PS基础操作-帧动画制作-学习记录
目录打开帧动画功能 1.我们选择打开[窗口]-[时间轴] 功能会出现帧动画的菜单工具栏点击[创建帧动画] 编辑 tips:如果觉得帧动画的预览图片太小了,可以在这里放大一些: 如果你不小心手抽 ...
R语言gganimate包创建可视化gif动图、可视化动图：、gganimate包创建动态线型图动画基于transition_time函数、使用geom_point函数显示动画移动的数据点
R语言gganimate包创建可视化gif动图.可视化动图:.gganimate包创建动态线型图动画基于transition_time函数.使用geom_point函数显示动画移动的数据点目录
R语言gganimate包创建可视化gif动图：gganimate包创建动态线型图动画基于transition_time函数、使用geom_point函数显示动画移动的数据点、并保留线图中的全部数据点
R语言gganimate包创建可视化gif动图:gganimate包创建动态线型图动画基于transition_time函数.使用geom_point函数显示动画移动的数据点.并保留线图中的全部数据点 ...

cocoscreator 动态创建帧动画

cocoscreator 动态创建帧动画相关推荐

最新文章

热门文章