“运动”主题创作
在上一篇文章中，我介绍了利用p5.js绘制一个静态的图片的过程。但事实上，很多规律运动的物体也是十分具有美感的。比如下图：
在这两幅动图中，方块儿经过一系列的变换回到初始的位置，循环往复。同时，三原色的应用简洁、让人舒适。接下来，我们一起来用Unity实现第二个动图的制作。
思路
第二个动图中，大方块最终分裂成3 * 3 * 3个正方体，所以我们可以用27个小方块进行变换重组得到我们的动图。
由于需要三维的正方体，所以我使用c4d建好模型后直接导入Unity中进行下一步操作。
在Unity中实现物体的位移是十分简单的。但这27个立方体的运动需要遵循一定的规律。因此将这些立方体分为六组（上下左右前后），这样每次运动只需要调用相应的分组就可以了。
运动的问题解决了，但怎样让它们按照顺序依次移动位置并循环呢？在这里我们设置可以随时间变化的参数，当满足条件时则进行下一步运动。
脚本
1.分组
public GameObject[] left = new GameObject[9];
public GameObject[] right = new GameObject[9];
public GameObject[] front = new GameObject[9];
public GameObject[] back = new GameObject[9];
public GameObject[] up = new GameObject[9];
public GameObject[] down = new GameObject[9];
2.参数
public float timer1 ;
public float timer2 ;
public float timer3;
public float timer4;
public float timer5 ;
public float timer6 ;
3.移动
void moveX1(GameObject []a)
{
int i = 0;
for (i = 0; i < 9; i++){
a[i].transform.position = Vector3.MoveTowards(a[i].transform.localPosition, new Vector3(-0.05f, a[i].transform.localPosition.y, a[i].transform.localPosition.z), speed * Time.deltaTime);
}
}
成果
码绘：
手绘：
总结
实现这个动图很简单，难点在于怎样构思这样一个巧妙的运动。从自己实现的效果中可以看出，有一部分并没有完全遮住，虽然我调节了很多参数，但还是没有办法完全做到像例图一样。
一点思考
所谓动画技术，较规范的定义是采用逐帧拍摄对象并连续播放而形成运动的影像技术。博文 https://blog.csdn.net/magicbrushlv/article/details/77922119 中提到”编程可以实现画不出的效果，接轨前沿艺术",而在我们这次的绘制过程中，码绘通过计算机精确的时间控制达到逐帧绘制从而动起来。而手绘要实现运动，可以采用我们小时候翻连环画的方法，快速翻页让方块动起来，但这并不是真正的“运动”。
从宽泛的角度考虑，Ae等软件实现动画也是间接靠代码完成。我记得在开学初时有位老师跟我们讲，我们数字媒体技术专业就是为艺术生服务的，他们负责设计，而我们需要考虑的是怎样实现。就动画而言，如果程序员不了解动画的制作流程，不懂得画是如何动起来的，又怎能写出能够服务于艺术的代码呢？
参考
1.《用代码画画》：
0.1 用代码画画——搞艺术的学编程有啥用？
https://blog.csdn.net/magicbrushlv/article/details/77922119
1.1 开始第一幅“码绘”——以编程作画的基本方法
https://blog.csdn.net/magicbrushlv/article/details/77840565
2. 以编程的思想来理解绘画—— （一）用”一笔画“表现“过程美”
https://blog.csdn.net/magicbrushlv/article/details/82634189