当前位置: 首页 > Web前端 > JavaScript

使用小猫编程猫画魔方

时间:2023-03-27 14:51:43 JavaScript

魔方的效果如下图所示:在水平方向和Y方向绘制的立方体序列的集合,我们在上一篇文章中已经介绍过了。本文主要讨论Z方向的立方体,也就是向下看的方向。集合是如何绘制的。作者采用Z方向驱动的绘制方式。如果要画一个3×3×3的魔方,画完9个底边为3×3的小魔方后,再在Z方向画第二排魔方,从左到右画,如图下图中黄色箭头横排。然后画出最面向我们的水平立方体集合的第三行,也就是上图中蓝色→代表的三列,然后是数字5和6代表的两列,一共6列和18个立方体。以上就是Z向驱动的工作原理。实现函数如下图所示:以3阶魔方为例,最外层循环执行两次。第一个循环画出上图中的黄色箭头。移植当前行水平位置的起点。该函数专为Z轴立方体绘制而设计。这里如果移动步长增加一个offset,就可以模拟出Z方向的分裂效果。如下图所示:该函数的作用是获取立方体顶点在X方向的X和Y坐标。然后,在这一轮Z向循环体中引入了一个嵌套循环。在嵌套循环中,绘制了本层Y方向的所有立方体:由内层循环的移动斜边长度积木可知,该积木的作用是连续移动X和立方体初始顶点沿斜边的y坐标,从而完成当前层(z方向)的所有立方体绘制。在每个内部循环之后,更新Y方向上的迭代计数器。在每次外层循环后,更新Z方向的迭代计数器。