不知道你是否了解过Processing 语言的家谱（如下图所示）。与人类语言一样，编程语言同样属于相关语言的家族。而今天，要介绍给大家的的，即其家族成员之一的 p5.js
不知道你是否了解过Processing 语言的家谱（如下图所示）。与人类语言一样，编程语言同样属于相关语言的家族。而今天，要介绍给大家的的，即其家族成员之一的 p5.js
点击图片进入 >>>> 魔法Processing入门课程！
简单来讲，p5.js 是一个库(库是 JavaScript 库。)配上许多工具，它让编程爱好者、艺术家、设计师们可以轻松使用 JavaScript 语言进行创意编程。
01 p5.js是什么？
p5.js是个基于JavaScript 编程语言的创意编程程式库，也是一个免费的开源网页版软件。它的目标用户是艺术家、设计师、教育家、初学者以及任何其他人。p5.js除了可以作为一个网页版画板让你的作品从静态到动态，更可以调用声音、摄像头等完成人与作品的互动。随着p5.js的不断更新和发展，用户更是可以利用ml5的库完成图像识别、机器学习等神经网络的功能。
水上落日 作者：Justin Chambers
作为一个设计师，你或许会因为复杂的“编程世界”而产生畏惧，那么界面简单语言库亲人的p5.js 就是最适合你入门创意编程的最佳工具。
02 为什么要学p5.js？
我们都有很多的想法和创意，透过编程来表达自己的创意和艺术构想，是一个全新的方式，也是一个很好的方式。设计师做设计，最初是使用的纸和笔。到后来可以使用电脑软件来辅助设计，例如大家熟悉的Ps、Ai、maya、3Dmax等等。
粒子时钟作者：Fabian Kober
当今这个时代的设计师需要学习编程，因为这样就可以不受设计软件的影响和限制，进行更加自由的创作，让自己的想象力和创意尽情的挥洒出来！当你自己能够制作出用来创作的工具时，那么唯一限制你的就是你的想象力了。
3维地震数据可视化 作者：Daniel Shiffman
P5是Processing的升级版，P5和Processing一样，都有全套的绘图功能，但它并不受限于在画布中作画，而是把整个浏览器页面都变成自己的“绘布”，因此它还提供了一系列的附加函数库，例如p5.dom可以使你很容易地和其他的HTML5对象发生互动，这些对象包括文字，输入框，影像，摄像头和声音。
交互艺术演示作者：Daniel Shiffman
现在越来越多的创意公司，都在寻找会编程的交互设计师或是懂设计的程序员，他们是各公司争抢的对象。我们的招聘合作伙伴包括：阿里云数据可视化团队，SONY, W+K, FORG，NAKED Inc.等。
03 零代码基础学习创意编程p5.js
主讲老师
郑老师
利兹大学-数字与交互设计-硕士
北京交互工业工作室
数字交互设计教师
以pass with distinction的优秀毕业成绩毕业于英国利兹大学，并同时受导师推荐进入Beyond Consulting Ltd.(UK)咨询公司任APP端交互设计师。曾先后代表公司参与与BBC合作调研，参加创新创业大会。学术上，著有EI收录论文一篇，多项实用新型专利和设计奖项。
课程大纲
课时 1 从设计师思维到编程思维去认识p5.js
课程内容：p5.js界面简介、基础绘画操作、编程绘画思维、基础debug
学习成果：可以互动的吉祥物
课程产出成果
课时 2 常用p5.js内置函数的应用与介绍
课程内容：常用基本函数应用与介绍、自定义函数应用与介绍
学习成果：重复的动态图形
课程产出成果
课时 3 p5.js中用笔记本电脑就能完成的交互
课程内容：加载图片、加载字体、调用声音、调用摄像头
学习成果：声控相机
课程产出成果
课时 4 难住设计师的编程其实是数学和物理
课程内容：基础物理知识，常用数学图形、数组
学习成果：碰撞掉落小球
课程产出成果
课时 5 创意编程中的满天繁星叫“质点”
课程内容：分类的格式和写法
学习成果：生长的星云
课时 6 长代码的精简和整理
课程内容：标签页的调用、控制杆的范例
学习成果：多种星云变化
课程产出成果
课时 7 翻译processing为p5.js
课程内容：翻译网站，如何修改细节，书写格式修改
学习成果：基于processing修改的作品
课时 8 ml5机器学习的初窥
课程内容：图像识别、人体捕捉、机器训练、风格转化
学习成果：利用ml5的创意设计作品
课程产出成果
课时 9 学会如何自学ml5机器学习
课程内容：ml5网站介绍、TensorFlow网站介绍
学习成果：利用ml5的创意设计作品2
课程产出成果
课时 10 举一反三
课程内容：逻辑整理、寻找范例、试错修改；与arduino交互的延伸应用
学习成果：自主设计作品
收费情况：6000元
ACG内部学员咨询督导报名
限额5人
课堂模式
从技术、概念入手—老师实战演示—学生实战—老师分屏细改，就本节课的内容，布置相应的应用该技术的作业—下节课进行单人展示、老师进行批改
课程报名
扫描上方二维码，咨询报名吧！
