0.2 用代码画画——目标读者、教材特色、内容大纲

目标读者

没有编程基础，想要入门。

偏好图形化思维，想学习编程；

学艺术的，未接触过编程，但又想了解和尝试；

对编程有一定了解，想要了解和学习绘画；

希望用编程创作艺术和设计作品；

学过编程但自我感觉糟糕，可以从本教程的全新视角来理解编程。

教程特色

编程案例紧密结合绘画。

在讲授编程的同时介绍绘画思想，引用大量近现代风格多样的绘画艺术。于是，学习编程的同时也了解了绘画艺术和近现代艺术史。

以案例导向，从简单案例到复杂案例，并在案例中实践为导线引入编程知识。

知识点的出现顺序不同于通常的编程教材：通常教材按照语法从低级到高级来编排章节顺序，而本教程按照实践案例的难度递增来引入语法。

前世今生

几年前开始给数媒专业讲授一门编程与艺术交叉的课程，而当下还要给艺术系讲授编程基础课。

几年来，苦于找不到恰当的中文教材，全靠网上东拼西凑找来资源当讲义，皆因需求特殊：把编程和艺术一起讲！

于是，索性自己写一点吧。

教程大纲

第一部分 码绘新秀——基础编程与图形绘制

0 绪论 绘画与编程：

简介：本章探讨绘画和编程的关联，解答读者最关心的一些问题

0.0 用代码画画——作者简介

0.1 用代码画画——搞艺术的学编程有啥用？

0.2 用代码画画——目标读者、特色、大纲

1 开始第一幅“码绘”——码绘入门 

简介：通过本章学习，掌握编程的基本技术

   1.1 开始第一幅“码绘”——以编程作画的基本方法

1.2 开始第一幅“码绘”——Javascript、p5.js及HTML5简介

1.3 开始第一幅“码绘”——开始使用p5.js，画一个懵逼脸

1.4 开始第一幅“码绘”——活用变量和常量，实现鼠标交互

1.5 开始第一幅“码绘”——自定变量与函数，创一招“懵逼表情涂”

1.6 开始第一幅“码绘”——运用算符和表达式，画出比例优美的懵逼脸

1.7 开始第一幅“码绘”——用时间控制变量，让懵逼脸动起来

1.8 开始第一幅“码绘”——运用条件判断，让懵逼脸能够做出不同表情

1.9 开始第一幅“码绘”——掌握大杀器”循环“，一招搞定百千万个懵逼脸

（以下内容待定）

第二部分 码绘专家——码绘媒介及常用技法

简介：本部分通过一系列案例，介绍用编程实现图形绘制的多种基本技术，以及JS语言的一些中级特性。

2 基础调色技法——Color和线条属性

内容计划：以蒙德里安的作品导入，通过对颜色/线条/形状的属性设置，创作出仿蒙德里安风格的绘画作品，并将其扩展为动态交互作品。

3 画笔操作技法——基本绘图语句和声音

内容计划：以康定斯基的作品绘画作品导入本章，并介绍了p5.js提供的一系列绘制几何形状的功能，然后用它们实现了动态版的仿康定斯基绘画作品，还将加入音频互动。

4 学用高级颜料——数学函数

内容计划：以草间弥生的绘画作品，以及当代的一些数字艺术作品作为导入，以“绘画颜料”的视角来介绍一些基本的数学函数，并运用它们创作一系列具有传统静态绘画不具备的表现特性的作品。

5 高级控笔技巧——空间变换

内容计划：以埃舍尔画作、分形艺术作为本章导入，介绍了空间变换技术，并运用它们生成了拼贴作品和分形艺术作品。

6 印象派码绘技法——图像

内容计划：以莫奈、雷诺阿、修拉、德加的印象派绘画作为本章导入，介绍了位图的概念和技术，介绍了实现印象派绘画的基本编程方法，然后编写了一个可以实现不同印象派风格的艺术风格渲染器。

7 画曲形——用数学描述扭曲

内容计划：以达利、米罗的超现实主义绘画以及San Base的动态绘画作为本章导入，介绍了绘制扭曲物体的技术，并实现了动态效果的超现实主义动画作品。

8 画曲线——插值法搞定各种曲线

内容计划：以多位线描大师（比亚兹莱，穆夏，席勒，吴冠中，月冈芳年，韩美林，徐渭，中国各家书法等等）作为导入，详述在程序中精细控制线条形态的技术。

9 书法和美术字——字体和变形

内容计划：以书法/字体艺术导入，还介绍了当代的以文字为主题的艺术创作（徐冰/韩美林/AsciiArt等），然后详述了在程序中绘制字体以及文字变形的技术。

字体艺术案例：https://www.zhihu.com/question/23529219

第三部分 码绘大师——高级码绘技法

计划引入的绘画流派：后印象派、野兽派、表现主义、抽象表现注意、波普艺术。

计划讲授的编程技术：各种数据结构和算法，动画技术，着色器等

第四部分 开宗立派——自创绘画软件

计划内容：引入笔刷建模、颜料建模、流体模型、电磁学、进化计算等高级技术，还讲授设计模式/软件架构等主题，并综合运用它们来打造独特的绘画软件。