父母不理解解 createjs 里面的精灵原件的 regX 和regY 是怎么回事

点击联系发帖人 时间：2017-07-24 05:20
不理解

官方文档说regX和regY是图形与注册点的距离

  1. 我理解注册点就是图形的x/y对应的点
  2. 图形动效的原点就是注册点

如果修改图形的regX和regY值图形在画布上的位置是会被改变的，但是注册点其实并没有被改变因为图形的x/y值并没有被改变。注册点如果是(100, 100)修改regX/regY之后注册点还是(100, 100)。

绘制一个正方形宽高都是100然后设置这个正方形嘚(x, y)为(100, 100)。

对于这个正方形来说注册点就在(100, 100)这个位置这个位置是相对于正方形的父元素的，这个例子中父元素是stage如果相对于形状左上角的話注册点的坐标就是(0, 0)。

从动图中可看到动画的原点是图形的左上角也就是图形的注册点位置(100, 100)这个点

修改属性regX和regY之后图形的位置发生了变囮，相比于上面的图片图形更加靠近stage的左上角。这时候图形距离stage的距离应该是(50, 50)但是图形的注册点还是(100, 100)并没有被regX和regY的值改变。

从下面的動图中可以看出来动画的原点还是在(100, 100)这个位置，注册点并没有改变

注：所以注册点并不总是和图形左上角重叠

}
0

版权聲明：本文为博主原创文章遵循

版权协议，转载请附上原文出处链接和本声明

regX，regY和X,Y之间的关系设置中心之后，中心和物体会成为一個整体所以x,y要重新设置，xy是跟着中心点走的

原创文章 9获赞 2访问量 1万+


  • “你的鼓励将是我创作的最大动力”
}

我要回帖

更多关于 不理解 的文章

更多推荐

版权声明：文章内容来源于网络，版权归原作者所有，如有侵权请点击这里与我们联系，我们将及时删除。

点击添加站长微信