艺术留学

首页 > 艺术资讯 > 最潮交互课程系列2:零代码基础学习创意编程p5.js

最潮交互课程系列2:零代码基础学习创意编程p5.js

发布时间:2020-04-14 艺术留学咨询:400-612-8881

简单来讲,p5.js 是一个库(库是 JavaScript 库。)配上许多工具,它让编程爱好者、艺术家、设计师们可以轻松使用 JavaScript 语言进行创意编程。

不知道你是否了解过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

 

我们都有很多的想法和创意,透过编程来表达自己的创意和艺术构想,是一个全新的方式,也是一个很好的方式。设计师做设计,最初是使用的纸和笔。到后来可以使用电脑软件来辅助设计,例如大家熟悉的PsAimaya3Dmax等等。

粒子时钟作者:Fabian Kober

 

当今这个时代的设计师需要学习编程,因为这样就可以不受设计软件的影响和限制,进行更加自由的创作,让自己的想象力和创意尽情的挥洒出来!当你自己能够制作出用来创作的工具时,那么唯一限制你的就是你的想象力了。

3维地震数据可视化 作者:Daniel Shiffman

 

P5Processing的升级版,P5Processing一样,都有全套的绘图功能,但它并不受限于在画布中作画,而是把整个浏览器页面都变成自己的“绘布”,因此它还提供了一系列的附加函数库,例如p5.dom可以使你很容易地和其他的HTML5对象发生互动,这些对象包括文字,输入框,影像,摄像头和声音。

交互艺术演示作者:Daniel Shiffman

 

现在越来越多的创意公司,都在寻找会编程的交互设计师或是懂设计的程序员,他们是各公司争抢的对象。我们的招聘合作伙伴包括:阿里云数据可视化团队,SONY, W+K, FORGNAKED Inc.等。

 

 03 零代码基础学习创意编程p5.js 

 

主讲老师

郑老师

 

利兹大学-数字与交互设计-硕士

北京交互工业工作室

数字交互设计教师

 

pass with distinction的优秀毕业成绩毕业于英国利兹大学,并同时受导师推荐进入Beyond Consulting Ltd.(UK)咨询公司任APP端交互设计师。曾先后代表公司参与与BBC合作调研,参加创新创业大会。学术上,著有EI收录论文一篇,多项实用新型专利和设计奖项

 

  课程大纲  

 

课时 从设计师思维到编程思维去认识p5.js

 

课程内容:p5.js界面简介、基础绘画操作、编程绘画思维、基础debug

学习成果:可以互动的吉祥物

课程产出成果

 

课时 常用p5.js内置函数的应用与介绍

 

课程内容:常用基本函数应用与介绍、自定义函数应用与介绍

学习成果:重复的动态图形

课程产出成果

 

课时 3 p5.js中用笔记本电脑就能完成的交互

 

课程内容:加载图片、加载字体、调用声音、调用摄像头

学习成果:声控相机

课程产出成果


课时 难住设计师的编程其实是数学和物理

 

课程内容:基础物理知识,常用数学图形、数组

学习成果:碰撞掉落小球

课程产出成果

 

课时 创意编程中的满天繁星叫“质点”

 

课程内容:分类的格式和写法

学习成果:生长的星云

 

课时 长代码的精简和整理

 

课程内容:标签页的调用、控制杆的范例

学习成果:多种星云变化

课程产出成果

 

课时 翻译processingp5.js

 

课程内容:翻译网站,如何修改细节,书写格式修改

学习成果:基于processing修改的作品

 

课时 8 ml5机器学习的初窥

 

课程内容:图像识别、人体捕捉、机器训练、风格转化

学习成果:利用ml5的创意设计作品

课程产出成果

 

课时 学会如何自学ml5机器学习

 

课程内容:ml5网站介绍、TensorFlow网站介绍

学习成果:利用ml5的创意设计作品2

课程产出成果


课时 10 举一反三

 

课程内容:逻辑整理、寻找范例、试错修改;与arduino交互的延伸应用

学习成果:自主设计作品

 

 收费情况:6000元 

 

ACG内部学员咨询督导报名


限额5

 

 课堂模式 

 

从技术、概念入手—老师实战演示—学生实战—老师分屏细改,就本节课的内容,布置相应的应用该技术的作业—下节课进行单人展示、老师进行批改

 

 课程报名 

 .jpg 

扫描上方二维码,咨询报名吧!

返回资讯列表

在线提问导师

Joey

皇家艺术学院 · 产品设计

咨询

热门搜索

  • 美国留学
  • 英国留学
  • 纯艺
  • 日本留学
  • 服装设计
  • 伦敦艺术大学
  • 动画
  • 皇家艺术学院
  • 帕森斯
  • 罗德岛
艺术留学评估

申请专业: