cocostudio骨骼动画 -- 原点

2024-04-06 04:32

本文主要是介绍cocostudio骨骼动画 -- 原点,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1、如果把一个元素如CCSprite加入到CCArmature中,那么必须先要知道CCArmature的原点位置,

经过测试发现:原点大致在(下图所示),x居中,y位于底部。


2、

CCArmature本身继承与CCNode,所以可以设置

锚点和位置,但是CCArmature的大小,也可以说是上下左右的边界如何计算还不是很明白。

看下面的代码:

void CCArmature::updateOffsetPoint()
{// Set contentsize and Calculate anchor point.CCRect rect = boundingBox(); //计算大小setContentSize(rect.size);m_pOffsetPoint = ccp(-rect.origin.x,  -rect.origin.y);if (rect.size.width != 0 && rect.size.height != 0){setAnchorPoint(ccp(m_pOffsetPoint.x / rect.size.width, m_pOffsetPoint.y / rect.size.height));}
}


-->>

CCRect CCSkeleton::boundingBox () {float minX = FLT_MAX, minY = FLT_MAX, maxX = FLT_MIN, maxY = FLT_MIN;float scaleX = getScaleX();float scaleY = getScaleY();float vertices[8];for (int i = 0; i < skeleton->slotCount; ++i) {Slot* slot = skeleton->slots[i];if (!slot->attachment || slot->attachment->type != ATTACHMENT_REGION) continue;RegionAttachment* attachment = (RegionAttachment*)slot->attachment;RegionAttachment_computeVertices(attachment, slot->skeleton->x, slot->skeleton->y, slot->bone, vertices);minX = min(minX, vertices[VERTEX_X1] * scaleX);minY = min(minY, vertices[VERTEX_Y1] * scaleY);maxX = max(maxX, vertices[VERTEX_X1] * scaleX);maxY = max(maxY, vertices[VERTEX_Y1] * scaleY);minX = min(minX, vertices[VERTEX_X4] * scaleX);minY = min(minY, vertices[VERTEX_Y4] * scaleY);maxX = max(maxX, vertices[VERTEX_X4] * scaleX);maxY = max(maxY, vertices[VERTEX_Y4] * scaleY);minX = min(minX, vertices[VERTEX_X2] * scaleX);minY = min(minY, vertices[VERTEX_Y2] * scaleY);maxX = max(maxX, vertices[VERTEX_X2] * scaleX);maxY = max(maxY, vertices[VERTEX_Y2] * scaleY);minX = min(minX, vertices[VERTEX_X3] * scaleX);minY = min(minY, vertices[VERTEX_Y3] * scaleY);maxX = max(maxX, vertices[VERTEX_X3] * scaleX);maxY = max(maxY, vertices[VERTEX_Y3] * scaleY);}CCPoint position = getPosition();return CCRectMake(position.x + minX, position.y + minY, maxX - minX, maxY - minY);
}


这篇关于cocostudio骨骼动画 -- 原点的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/878996

相关文章

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo

动画AnimationDrawable、转动

现实开发中:很多地方都用到 点击动画的特效; 本案例本人做了三个关于“动” 画 的效果; 先上图: 总体图: A: B: 1:点击图片按钮,效果是:图片闪动; 通过在xml中定义:标签:animation-list来实现点击动画的效果;  是否循环标签:oneshot ;   时间间隔标签:duration ; 要显示的图片标签:drawable ;

13 transition数组的动画使用

划重点 动画:transitiontransition-group :数组动画数组的 添加 / 删除 豆腐粉丝汤 清淡又健康 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><me

12 动画transition的使用2

划重点 Vue 动画:transition / transform在动画周期中执行动动画(上一篇是通过动画样式控制动画) 清蒸扇贝 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><

SW - 引入第三方dwg图纸后,修改坐标原点

文章目录 SW - 引入第三方dwg图纸后,修改坐标原点概述笔记设置图纸新原点END SW - 引入第三方dwg图纸后,修改坐标原点 概述 在solidworks中引入第三方的dwg格式图纸后,坐标原点大概率都不合适。 全图自动缩放后,引入的图纸离默认的原点位置差很多。 需要自己重新设置原点位置,才能自动缩放后,在工作区中间显示引入的图纸。 笔记 将dwg图纸拖到SW中

【前端】animation动画以及利用vue制作简单的透明度改变动画,包含vue生命周期实现

一. 问题描述 想做一个文字透明度从1到0然后再从0到1的css动画。 二. 代码写法 2.1 animation写法 2.1.1 animation属性key 2.1.2 代码展示 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=de

Android 属性动画(Property Animation)

本文是学习以下三位大神之后,整理的学习笔记,彩蛋在编号6          http://blog.csdn.net/lmj623565791/article/details/38067475          http://www.cnblogs.com/angeldevil/archive/2011/12/02/2271096.html          http://www.tu

各种算法动画展示,效果不错。

各种算法动画展示: http://www.yxqzzx.cn/teacher/ShowArticle.asp?ArticleID=417