13、创意编码与 p5.js 入门指南

创意编码与 p5.js 入门指南

1. 项目实践与创意编码步骤

在进行项目实践时，以某个项目为例，在将其部署到实际安装空间之前，采用了简单的方式对交互进行原型设计，即利用鼠标位置来模拟访客位置。将屏幕按水平方向划分为三个区域，鼠标在不同区域对应不同的场景，这类似于一种“后台搭建”技术，能让我们在处理不可预测或复杂输入时更轻松。

当把项目安装到实际空间时，需要对 Kinect 进行校准，以获取可靠的位置信息，使其能像鼠标位置那样进行映射。不过在测试过程中，发现场景会出现闪烁和跳动的问题，原因是位置变量直接由 Kinect 输入控制，有时会在两个值之间快速跳跃。为解决该问题，将位置变量切换为 MemoryDot 对象，它能从 Kinect 获取更新，实现不同输入值之间的平滑过渡。

之后，需要找到合适的帧进行渲染，并将草图中的许多可变参数固定为静态值，因为高分辨率图像无法动态渲染。完成这些准备工作后，让程序运行并渲染出适合打印的大尺寸图像，且无需对渲染后的图像进行后期处理，项目至此完成。

在创意编码过程中，通常会遵循一系列步骤，但实际操作并非像理论描述那样整齐、逻辑和有条理。以该项目为例，在最初的两个步骤之间反复多次，花费了很多时间才找到与作品想要传达的意义相匹配的元素和动作。在第三步中，对一些“缓慢”且“优雅”的动作进行编码也比预期花费更多时间。而在第四步，从交互式代码中渲染高分辨率静态图像时，由于众多颜色参数，操作变得相当困难。

创意过程在实际操作中往往比理论描述更加混乱和复杂，这也是未发布项目完整代码的部分原因，代码存在太多版本和变体。此外，创作过程中，我们可能会不自觉地陷入某个看似紧急重要的“陷阱”，并非所有创意流程都完全理性，有时可以暂