制作一个3D的旋转盒子

好的各位小伙伴

今天咱们来做一个

3D的旋转盒子

制作3D旋转盒子

老规矩，不要急着动手先来分析一波。先不管旋转，3D盒子首先就是一个盒子，由六个面组成。就像下面这样：

我们要做的就是，先在平面上绘制六个面，然后给图片一个3D的环境，把六个面组成一个正方体的盒子。那么分析就到这里了，下面我们开始实践吧~

这样就把这六个面制作出来了，为了区分还加了编号。先在我们看着这六个面是重叠在一起的。

现在我们来给盒子的六个面进行定位。

其他的几个面都移动了位置，现在只有1号面和6号面重叠在一起了。

现在来给盒子设置景深，方便我们来制作3D的盒子。

给盒子一个旋转的效果，现在立体感是不是明显了很多~

现在我们来给这个正方体的六个面进行空间定位。

仅仅是定位是不够的，还需要给面进行旋转，这些之前的文章有介绍就不赘述了

大盒子的3d效果完成了，下面制作小盒子的工作就简单了，直接把制作大盒子的代码复制一下，修改一下代码就可以显示两个盒子了。

现在大盒子套小盒子的效果完成了，还可以是吧~

最后一步，给小盒子添加背景图片，并且修改盒子的动作（大盒子开盖，小盒子从大盒子中出来）。

最终效果：

我们的3D盒子旋转效果就做出来了，这只是一个雏形，大家可以开动脑经，来丰富这个效果，快来动手给身边的伙伴显摆一下吧~

(注意选好对象，被打脸了本人概不负责)

今天就到这里了

小伙伴们再见了