课程介绍 / Course Introduction

中文简介 / Chinese Introduction

本课程面向数字媒体艺术专业本科生，无需编程基础，以p5.js为核心工具，全程在浏览器中完成学习与创作。课程按“先感性后理性”的思路组织：先让学生看到代码能画出什么，再逐步理解背后的逻辑。内容分四个模块。第一模块（22学时）覆盖形状、色彩、变换、变量、动画、条件、循环、函数与数组等编程基础，每个概念配一个可运行的代码示例。第二模块（13学时）引入图像、文字、声音，让学生学会用代码处理多媒体素材，搭建带滑块和按钮的交互界面。第三模块（16学时）学生用自然语言向AI描述想要的画面，AI生成p5.js代码，学生在“描述、生成、观察、改进提示词、调参”的循环中反复迭代，做出粒子系统、Perlin噪声、分形、群集和三维空间等作品。第四模块（9学时）为个人创作项目，从构思做到线上部署。

英文简介 / English Introduction

This course introduces digital media art students to creative coding through p5.js. No programming background is assumed. Everything runs in the browser. The course follows a sensory-first approach: students first see what code can draw, then understand the logic behind it. It is organized into four modules. Module 1 (22 hours) covers shapes, color, transforms, variables, animation, conditions, loops, functions, and arrays, with a runnable code example for each concept. Module 2 (13 hours) introduces image, text, and sound, and guides students to process multimedia materials with code while building interactive interfaces with sliders and buttons. Module 3 (16 hours) asks students to describe images in natural language, let AI generate p5.js code, and iterate through description, generation, observation, prompt refinement, and parameter tuning, creating works such as particle systems, Perlin noise, fractals, swarms, and 3D space. Module 4 (9 hours) is a personal creation project, from concept to online deployment.