动漫

cocos creator---动画制作

匿名 (未验证) 提交于 2019-12-03 00:27:02
温馨提示:标准动画为24帧/秒;(即每秒播放画面24张) 1、创建节点(该节点必须有Sprite组件) 2、在1中创建的节点上添加动画组件,并创建动画保存动画 3、开始编辑动画 4、添加动画属性(添加图片) 5、播放动画 let anim = cc.find( 'Canvas/test' ); // 步骤1中创建的节点 anim = anim.getComponent(cc.Animation); // 获取节点中的动画组件 anim.play( 'test' ); // 播放动画 /* 该节点运动到某个位置 cc.p(x,y),运动到父节点的x,y坐标处(此处要注意父节点的基准坐标参照点在哪里) */ let move = cc.moveTo( 0.2 ,cc.p( 0 ,- 160 )); anim.runAction( move ); 温馨提示:更多方法请参考官方文档 http://docs.cocos.com/creator/api/zh/classes/Animation.html 文章来源: cocos creator---动画制作

cocos2d-x帧动画与平移动作组合问题

匿名 (未验证) 提交于 2019-12-03 00:26:01
今天看到一道题,大概就是把MoveTo和Animate动作在组合在一起或者说是同时进行。我一开始是将MoveTo和Animate以参数的形式加入到Spwan类的create中去,代码如下: auto* action1 = Animate::create(animation); auto* action2 = MoveTo::create(5.0f, Vec2(640, 180)); auto* action = Spawn::create(action1, action2); sprite->runAction(action); 结果运行失败了,之后改用以下代码成功运行: auto* action1 = Animate::create(animation); auto* action2 = MoveTo::create(5.0f, Vec2(640, 180)); sprite->runAction(action1); sprite->runAction(action2); 大家遇到类似问题也可以考虑用这种方法。 文章来源: cocos2d-x帧动画与平移动作组合问题

图标元素动画效果

匿名 (未验证) 提交于 2019-12-03 00:02:01
这次,使用另外一种动画的画法:animation。 还是,准备一个元素作为图标的载体,并进行以下设置: < span class = " close " > Close </ span > 然后,把close隐藏,增加一个圆形按钮: <style> @font-face { font-family : 'icon-font' ; src : url('font/flat-ui-icons-regular.ttf') , url('font/flat-ui-icons-regular.eot') , url('font/flat-ui-icons-regular.woff') , url('font/flat-ui-icons-regular.svg') ; } body { background : #8b8ab3 ; } .close { font-size : 0px ; /*使sapn中的文字不再显示*/ cursor : pointer ; /*鼠标指针显示为手型*/ display : block ; width : 100px ; height : 100px ; line-height : 100px ; border-radius : 50% ; /*使背景形状显示为图形*/ background : #ffffff ; color : #8b8ab3 ; text

vue 自定义名称动画 (来回)

匿名 (未验证) 提交于 2019-12-02 23:52:01
<template> <div id="bigData"> <button @click="flag= !flag">按钮1</button> <transition> <div v-show="this.flag">我要动起来1</div> </transition> <hr /> <button @click="flag2= !flag2">按钮2</button> <transition name="my"> <div v-show="this.flag2">我要动起来2</div> </transition> </div> </template> <script> export default { data() { return { flag: true, flag2: true }; } }; </script> <style> /* v-enter 动画进入之前 此时还没开始进入 v-leave-to离开之后 终止状态 */ .v-enter, .v-leave-to { opacity: 1; transform: translateX(150px); } /* v-leave-active 离场动画的时间段 v-enter-active 入场动画的时间段 */ .v-leave-active, .v-enter-active { transition: all 0