在UXD尤克斯的课程体系中，我们根据学科的特点，结合设计中常用到的理论和技能进行了独立的课程研发，开发了一系列完整而有体系的UNIT模块课程，该类课程涉及技术方法、软件操作、设计理论、作品集制作技巧、行业经验等各个方面，帮助同学们有针对性地解决申请和作品集中的疑难杂症。

今天我们要介绍的是其中的创意编程入门基础专题。快来摆脱技术焦虑的束缚，了解下我们的课程内容吧！

⚠️课程面向内部学员

⚠️外部学员可私信小助手咨询详情哦🙋

— ⚫️ ⚪️ —

• What is Processing

01-什么是Processing？）

（学习交互设计必不可少的技能：

Processing 是一种创作工具和编程语言，被广泛应用于交互设计领域。以其简洁的语法和直观的可视化功能而闻名，Processing 基于 Java 编程语言，提供了丰富的绘图和交互功能，可以帮助艺术家和设计师通过编写代码来产出各种炫酷的视觉效果、游戏特效、数据可视化、互动影音等作品。

 ?  Processing的优点 

● 简单易学：

采用简洁直观的编程语法和可视化界面，初学者也能够迅速上手并进行创作。

● 可视化表达：

通过代码编写，设计师可以创作各种形式的图形、动态效果和交互，直观地表达自己的创意和想法。

● 跨平台支持：

支持多个操作系统，使设计师能够在不同平台上进行创作和展示。此外，通过 p5.js 的支持，Processing 作品还可以在 Web 浏览器中进行展示，实现更广泛的跨平台兼容性。

● 社区的丰富资源：

拥有庞大的用户社区和活跃的开发者社群，提供了丰富的教程、示例代码和资源库。

• What can Processing be used for

02-Processing可以做什么？）

（看几个常见产出形式：

Processing 可以说是为艺术家、设计师和学生们提供了广阔的创作空间和无限的想象力，它可以丰富图形的变化和互动，提升设计的使用维度，因此 Processing 的应用领域也非常丰富，例如：

● 动态海报：

你可以用它来设计动态海报，让你的信息呈现更具吸引力和趣味性。

● 与硬件装置联动：

可以与 Arduino 联动，创造出互动装置、交互式艺术品，甚至是智能家居控制系统，将你的创意与现实世界紧密联系起来。

例如，你可以通过传感器收集环境数据，如光线、温度、声音等，然后用 Processing 进行实时分析和可视化，从而创造出独特的交互体验。

● 游戏设计：

通过 Processing，你可以创建各种类型的游戏，包括图形化的、交互式的以及基于物理规则的游戏。

● 数据可视化：

Processing 提供了强大的数据处理和可视化能力，让你能够以直观的方式展示和解读数据，从中发现隐藏的模式和趋势。

• Curriculum

03-Processing课程安排）

（6节课带你入门：

本系列课程将带领学⽣⼊⻔并全⾯地了解关于 Processing 软件中的各种语法、思维和使⽤场景，结合案例教学，指导⼤家如何借助 Processing 将⾃⼰的想法串联到作品集中，课程内容分为6节：

1> 初识Processing+基本绘图

2> 通过控制变量创造自由随机的图案效果

3> 如何与Arduino硬件设备联动
4> p5.js的进阶使用

5> 通过变量创造生成艺术

6> 通过类创造粒子动画

— ⚫️ ⚪️ —

 01  初识Processing+基本绘图 

● 课程内容：

介绍 Processing，了解它的定义和应用，熟悉其开发环境和基本代码结构，并学习使用 Processing 绘制简单的图形。

 02  通过控制变量创造自由随机的图案效果 

● 课程内容：

在这门课程中，我们将首先探索使用 Processing 绘制复杂图形的技巧，如绘制多点线段和贝塞尔曲线。通过学习 for 循环和条件判断，我们将能够一次性绘制多个图形，为它们赋予不同的颜色、大小和形状，并进一步学习如何使用随机数和算法来创造出自由随机的图案效果。

 03  如何与Arduino硬件设备联动 

● 课程内容：

探索鼠标和键盘的 Input，学习如何捕捉鼠标的位置和点击事件，以及如何检测键盘按键并作出相应的动作，然后利用摄像头进行实时图像捕捉和处理，并与图形进行交互，例如通过手势识别或颜色检测实现图形的动态变化。

此外，还将学习如何通过串口监视器读取 Arduino 传感器的信号，并将这些数据传输到 Processing 中进行处理和可视化。探索如何编写代码来实现与 Arduino 的通信，将传感器的数据发送给 Processing，并实现互动反馈。通过这样的联动，我们能够实现与现实世界的交互，让图形作品具有更多的感知和响应能力。

 04  p5.js的进阶使用 

● 课程内容：

p5.js 作为 Processing 的衍生语言，对于初学者更友好，且丰富的第三方库支持和案例参考使得作品产出更得心应手。在这门课中，你将学习变量的声明和使用，函数的创建和调用，并了解常用的第三方库，如 p5.sound、p5.play 和 p5.bot，从而拓展创作的可能性。

课上我们将用 p5.sound 制作一个声音交互项目。从加载和播放声音文件到利用声音参数控制交互元素的行为，你会掌握创造声音交互项目的技巧。此外，还将探索音频可视化和频谱分析等功能，为声音交互效果增添更多创意。

 05  通过变量创造生成艺术 

● 课程内容：

在这门课程中，你将学习变量的基本概念和数据类型，了解为什么在 p5.js 和 Processing 中声明变量的方式有所不同。通过函数的声明和使用，来组织和优化我们的代码，并掌握变量的作用域和范围，最终创造出丰富多样的生成艺术作品。

 06  通过类创造粒子动画 

● 课程内容：

这门课的目的是利用类和面向对象编程思维来创建复杂而精彩的粒子动画。通过深入探索类的概念和它与对象、函数和变量之间的关系，你将能够构建出令人惊艳的动画效果。另外，结合项目实战，我们还将了解如何声明和使用自定义的类，以及如何运用它们来生成具有各种属性和行为的粒子对象。

• Our Tutor

04-Processing导师介绍）

（资深交互设计经验：

• Nikki

NYU纽约大学

Interactive Telecommunications Program (ITP)

交互设计硕士

资深创意编程导师

拥有多年的教学经验和丰富的实践背景，擅长指导学生在作品集中运用Processing进行创意开发与设计。曾参与过多个创意项目，包括艺术展览、数字媒体作品和互动装置的设计与开发，熟悉Processing的各种功能和特性，擅于带领学生进行跨学科的合作和实践，将Processing与其他领域的知识融合，创造出独具个性和创新性的作品。

更多知识干货以及其他海外留学的资讯可以关注UXD交互工业产品设计分享或者添加小助手，还可获取讲座直播哦~

|福利大放送 | WELFARE 
对于设计初学者，完成从0开始创作几乎是不可能的，就像学习过程中书读百遍其义自见一样。有了大量的积累，才能在脑海里建立素材库，这些素材库能帮助同学们完成最初的设计想法积累，基于这样的基础再进行个性化的创作，最终才能做出高质量的作品集。全球院校最新作品集免费拿！添加小助手即可获取：

UXD交互工业产品设计学院是尤克斯国际旗下的一家专注于交互、服务、工业、产品设计专业的顶级设计学院。除了一对一设计课、基础技能课程、小组课题、设计评图、联合教学外，我们提供不定主题的公开课和内部小组课，教学计划课程由三大部分组成，包括基础软件技能教学、设计理论系统讲座、申请必备知识解析等。

本文版权归UXD尤克斯所有

部分图片来自于网络

如有侵权请与我们联系