面向每一位创意人士

视频链接

这是一个关于创意编程的教程，直接面向艺术家和设计师！这个教程的目标读者是那些在设计、艺术和教育的交叉领域工作的创意人士。

这个教程是给谁的

(资料图片)

希望看到计算和数据可以为他们的创造性表达做些什么;

希望从不同角度将计算和数据整合到实践中的学习者;

以及那些已经知道如何编程，在计算和数据的环境中寻找创造力和灵感的人。

《编码艺术》作为一个基于的创意编程教程，也适用于大学和艺术学院的高等教育专业课程。这本书为教育工作者以灵活的方式开设相关讲座提供了各种想法。它可以很容易地用作教学资源，因为所有代码示例都可以从教程中集成的配套示例库中获得。

这个教程是为你，在设计、艺术或建筑领域工作的创意人员，以及任何有兴趣在专业实践中使用计算机编程和交互式技术作为表达工具的人准备的。《编码艺术》这个教程作为创意人员实践的过程参考，具有实际意义。通过《编码艺术》一书，我们通过四个渐进步骤在创意过程中构建内容，帮助您将想法表达为视觉和计算结构。

在这个教程中，你将学习如何将计算应用到创造性的过程中，遵循四个步骤，通过这个步骤，你将进入编码和艺术的交叉领域，重点放在实际的例子和相关的工作结构上。您将跟随计算艺术的一个真实的用例，并看到它如何与四个关键支柱联系起来，并解决创造性过程中的潜在陷阱和挑战。所有的代码示例都是在一个完全集成的示例库中提供的，这使得读者很容易上手。

你将学习以下内容

回顾从创意编程到不同专业领域的想法和方法

使用像这样的计算工具

了解从静态元素到动画再到交互所需的技能

使用互动作为输入，使创意概念更接近完善和深度

简化和扩展数据结构的美感、韵律和流畅性的设计

利用网页或手机应用等其他平台上的艺术代码多样性

通过真实世界的用例了解计算艺术的端到端过程

学习创意过程中的最佳实践、常见陷阱和挑战

四个步骤

在本教程的第一个主要部分中，我们将分四个步骤进行创作过程，并解释编码在每个步骤中是如何工作的。每个步骤都将通过几个实际例子展开，并以简短的总结结束。

第一步，视觉概念，为你提供了一个简短的入门知识，让你了解和你可以随时使用的不同视觉元素。在进入动画和交互之前，我们很快开始使用视觉画布。从这一点开始，你知道如何在画布上绘制移动的东西，甚至可能对你的交互式控制做出反应。

第二步是构图和结构，也就是说，我们如何让艺术从画布上的众多不同元素中脱颖而出。我们将介绍数据和代码结构，帮助您同时使用许多视觉元素。我们一起将其应用于视觉结构的几个例子中。

在第三步中，我们将向您展示如何更详细地解决问题，以及如何为您的创作赋予深度。你将学习随机性和噪音，以及如何艺术地控制它们。我们将向您展示如何在不同元素和颜色之间创建平滑的动画和过渡。交互性在这一步中返回，我们将向您展示如何将交互式输入与组合和改良相结合。

第四步是制作，如何将你的创作搬上互联网，如何在从网页、手机到互动装置的不同媒体中制作和呈现。

创作示例

在下一页，我们展示了一个例子，我们创作的灵感来自于卡齐米尔·马列维奇的抽象几何画（《至上主义》，1915年）。我们选择这幅作品是因为，对我们来说，它在视觉上暗示了一个非常有趣的静态块的运动，这个运动似乎是在倾倒前的一瞬间捕捉到的。

我们从在奶油色画布上重现十种基本元素的视觉组成开始（步骤1）。

在第二步中，我们连接到固有运动的印象，并使用块：我们递归地移动和重新绘制相同的构图，随着时间的推移添加越来越多的层（步骤2）。

第三步是添加三个大尺寸旋转的作品副本，以完成圆形透视。随着时间的推移，我们还微调了添加不同元素和操作的时间，因此作品在第一个屏幕的几分钟内就完成了，并在最后一个屏幕中视觉稳定。最后，我们添加了整个画布的渐变，在几分钟内缩小并将画布的中心从左上角移到右下角（步骤3）。

在第四步中，我们“生成”您看到的图像：我们让动画播放并实时选择数十帧进行自动渲染。从这些帧中，我们最终选择了八个帧，因为它们单独表现出良好的构图，也很好地显示了整个作品的运动（步骤4）

这个例子展示了我们如何借鉴本教程中描述的四个大步骤，从每个步骤中挑选一些与我们的概念相匹配的部分。从过程的角度来看，步骤1、3和4相对简单。我们在第二步花了更多的时间，因为我们进入了两个不同的方向，一个是更好玩的，另一个是技术性的，在尝试了这两个方向后，好玩的是最后的正确方向。仅在解决这个问题之后，我们可以再次加快行动。在写这本书的时候，你可能也会遇到困难；别忘了休息，永远不要放手。

至上主义

以抽象几何为例的生成艺术 卡齐米尔·马列维奇的绘画（“至上主义”，1915年）作为灵感。

学习方法

在这四个步骤中，我们将教你创造性计算，在某个时候，你还会看到一些策略、模式和更复杂的概念出现。之后，我们将在本教程的第二部分中总结一个更大的艺术项目的所有步骤。最后，在第三部分中，我们通过学习和协作，缩小并转向创造性编码的实践。这一部分向你展示了如何在使用本教程及其他内容时取得进展，当你感到困难时可以做什么，以及如何获得帮助。一切都在那里，你只需要一步一步走向它。

在本书的第一部分中，我们将经历四个过程步骤，并为每个步骤展示编码如何成为我们创作过程中有意义的一部分。在第1步“视觉创意”中，我们采用自下而上的方法，直接从视觉效果和代码开始。这种方法的切入点是直接从创意过程的构思阶段使用代码。更具体地说，与其制作情绪板、素描、写作、搜索网络或与专家交谈，我们建议您只需启动聚观点开发环境。首先，我们研究如何使用和几行代码来表达我们的想法。是的，我们从简单开始。

关键词：