Three.js基础入门:物体的缩放与旋转

摘要

对于缩放和旋转来说,也会受父子关系的影响:

  • 如果父元素缩放X倍/旋转X度,那么子元素也会缩放X倍/旋转X度
  • 子元素要是自己再缩放X倍/旋转X度,那总共就等于缩放2X倍/旋转2X度(因为受父元素的影响)

父元素缩放或旋转时,会连带影响子元素,使子元素在已有变换基础上再叠加父元素的同等变换

目录

[一. 物体的缩放](#一. 物体的缩放)

[1. 给子元素放大2倍](#1. 给子元素放大2倍)

[2. 再给父元素放大2倍](#2. 再给父元素放大2倍)

[二. 物体的旋转](#二. 物体的旋转)

[1. 给子元素旋转45度](#1. 给子元素旋转45度)

[2. 再给父元素旋转45度](#2. 再给父元素旋转45度)


一. 物体的缩放

1. 给子元素放大2倍

查看效果

2. 再给父元素放大2倍

可见,说白了能总结成一句话:父元素在缩放时,会影响到子元素(缩放同等倍数)

二. 物体的旋转

1. 给子元素旋转45度

2. 再给父元素旋转45度

以上就是本篇文章的全部内容,喜欢的话可以留个免费的关注呦~~~