教学
每种教学都有它自己独特的目标、信息、条件和环境。通过记录和分享 p5 的研讨会、课程和材料,我们希望更好地连接全球的 p5.js 学习者和教育者社区。分享或推荐 你自己的教学经验!
p5 教学资源
多样性和包容性:
场馆:
年份:
难度级别:
- "在高中使用 p5.js 介绍视频游戏编程", Emanuele Bolognesi
- "分形实现", Mariana
- "使用p5.js入门计算媒体", Barry Voeten
- "身体质量指数计算器", Dayana
- "创意编程工作坊", Federico Santana
- "50+编程俱乐部:我和家人一起的第一个手绘图案", Inhwa Yeom
- "p5js入门", Bérenger Recoules a.k.a b2renger
- "我开始了一个新的课程 -", Brinder Soin
- "应用于视觉和交互艺术的编程", Sebastián Zavatarelli
- "用代码绘画", Andreas Refsgaard
- "人手语编程", Taeyoon Choi
- "数字编织和物理计算工作坊系列", Qianqian Ye
- "p5.js à l'Ubuntu Party!", Basile Pesin
- "Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js", Priti Pandurangan & Ajith Ranka
- CC Fest (Creative Coding Festival), Saber
- "Taller Introducción a la Programación Creativa con p5.js", Aarón Montoya-Moraga
- "Introduction to Generative Drawing", Adam Herst
- Open Lecture "Creative Coding: 2020", Shunsuke Takawo
- "Creative Coding for Static Graphics", Shunsuke Takawo
- "Generative Typography", Dae In Chung
- "Machine Learning for the Web", Yining Shi
- "Introduction to p5.js and JavaScript", Nico Reski
- "Digital Weaving & Physical Computing Workshop Series", Qianqian Ye & Evelyn Masso
- "Signing Coders", Taeyoon Choi
- 在高中使用 p5.js 介绍视频游戏编程
Emanuele Bolognesi
场馆和日期
02/06/2022 ~ 04/10/2022, 每周六 10:00-11:00
参与者
25 名意大利高中生(15-16 岁)。11 名女生和 14 名男生
难度级别
初级
目标
通过使用 JavaScript 和 p5.js,向十年级学生介绍简单的视频游戏编程。
📝 方法和材料
方法:p5.js网络编辑器
- 身体质量指数计算器
Dayana
场馆和日期
00h: 30min
参与者
“订阅我的YouTube频道的人,有18次浏览。”
难度级别
初级、初学者
目标
帮助那些刚开始学习编程的人。
📝 方法和材料
p5.js Web编辑器,YouTube教程
- 创意编程工作坊
Federico Santana
场馆和日期
每周六19:00-20:30(时区:GMT-3)
参与者
“只有我,但我喜欢邀请人们一起编程。”
难度级别
初学者
目标
帮助更多的人学习关于创意艺术的知识,同时将其引入到数学的世界, 所有的教学都是用西班牙语进行的。这个课程强烈受到"The coding train"的启发, 但是将数学和创意艺术结合在了一起。
📝 方法和材料
这只是p5js的一些示例集合,包括了我们在课程中实时演示的所有内容。地址:
- 50+编程俱乐部:我和家人一起的第一个手绘图案
Inhwa Yeom
场馆和日期
2020年11月27日至12月,每周五、六2:00-4:00
参与者
平均年龄为62.54岁的老年人及其所有伴侣。
难度级别
初级
目标
p5 for 50+旨在提高50岁以上人口的数字素养和权利意识
📝 方法和材料
p5编辑器、p5for50+网络应用程序、p5js.org、print out of code results
- p5js入门
Bérenger Recoules a.k.a b2renger
场馆和日期
从2018年至今
参与者
南特大西洋设计学院的学生
难度级别
初学者
目标
了解p5js及其各种功能(dom、audio、webgl等)
📝 方法和材料
GitHub自述文件:这是一个法语阅读的文本教程。
- 我开始了一个新的课程 -
Brinder Soin
场馆和日期
12/28至12/30
参与者
来自各个学校和地区的7、8和9年级约100名学生。
难度级别
初、中、高级别
目标
使儿童在疫情期间保持安全和学习,推广STEM教育
📝 方法和材料
教师创建的说明和工作表以及IDE p5 Web编辑器。
- 应用于视觉和交互艺术的编程
Sebastián Zavatarelli
场馆和日期
2020年9月15日10月14日,每周三下午6:30 - 9:00
参与者
约10人。大部分为女性。
难度级别
初、中级
目标
该课程旨在帮助艺术家使用当前的技术工具来开发他们的作品。 对于那些想通过一个简单、直观、易用且有趣的编程环境学习计算机编程的人也是有帮助的。
📝 方法和材料
p5.js网络编辑器。在线使用ZOOM平台,并在Moodle平台上上传材料。
- 用代码绘画
Andreas Refsgaard
场馆和日期
2020年2月22日
参与者
参与者是人们。来自范围广泛的人群。
难度级别
中级
目标
介绍p5.js,帮助创意人士、设计师、艺术家和其他不习惯使用代码的人了解p5.js。
📝 方法和材料
网站,p5.js编辑器
- 人手语编程
Taeyoon Choi
场馆和日期
5 Sessions, each 2~3 hours
参与者
纽约市年龄在10~50岁的聋人和听障学生。
难度级别
初级
目标
通过有趣的练习帮助聋人和听障学生学习计算机编程。制作基本编码概念的美国手语教程。
📝 方法和材料
我们使用p5.js网络编辑器和网站上的代码示例。 我们还使用骰子、纸牌和各种纸质工具来帮助学生了解编码概念。
- 数字编织和物理计算工作坊系列
Qianqian Ye
场馆和日期
2019年10月19日~11月2日,每周六下午3-6点
参与者
15名女性和非二元艺术家、设计师、制作者、程序员。
难度级别
初级
目标
在三个工作坊的过程中,我们将使用开源的图形库p5.js来绘制和创建模式; 我们将学习并应用计算概念来转换模式; 最后,我们将使用电子微控制器将编织物带给生活。
📝 方法和材料
材料:幻灯片,p5.js网络编辑器,笔和纸画图案、 物理图案编织工具的小组会议方法
1 - Digital Weaving & Physical Computing Workshop.
- p5.js à l'Ubuntu Party!
Basile Pesin
场馆和日期
2020年Ubuntu派对巴黎科学工业城,法国
参与者
任何年龄,包括儿童和父母、年轻和年长的成年人。
难度级别
中高级
目标
通过有趣和引人注目的示例,向新公众介绍编程。
📝 方法和材料
方法:现场工作坊,每次1小时,使用不同的参与者。 学生们使用(Ubuntu)机器与p5.js网络编辑器一起学习。 我使用视频投影机和白板教学。
'材料:我给出的练习可以通过p5.js网络编辑器链接获得。'GitHub.
- 用p5.js探索生成艺术和设计
Priti Pandurangan & Ajith Ranka
场馆和日期
📍 印度国家设计研究院,班加罗尔
📅 2020年2月8日,下午2:30-4:00
参与者
我们的参与者包括艺术/设计学生和专业人士、创意编程爱好者。我们有近50名参与者。
难度级别
Priti:中级;Ajith:高级
目标
探索生成艺术和设计,并使用p5.js重新创建一些经典作品。
📝 方法和材料
方法:现场协作、实践工作坊。
材料:课程页面链接到p5编辑器中的草图, 交互式参考指南到p5基础知识to p5 basics
- 创意编程节(CC Fest)
Saber
"‘热爱p5.js。它对我、我的学生和这个社区意义重大。’"
场馆和日期
📍纽约,洛杉矶,旧金山,虚拟-线上🌐
📅每年两次在纽约进行了四年;每年在洛杉矶进行了三年;每年在旧金山进行了两年;现在是虚拟的
参与者
我们的参与者包括艺术/设计学生和专业人士、创意编程爱好者。我们有近50名参与者。
难度级别
中级
目标
围绕中学和高中使用p5来建立教师和学生社区。
📝 方法和材料
由志愿教师领导的半天工作坊。我们看到了许多不同的方法和材料。 大多数使用了某种幻灯片或文档,有些使用编辑器进行动态编码,参与者有工作时间进行重新混合。
🔗 创意编程节课程页面,提供教学材料。
📸 更多照片
- p5.js创意编程入门工作坊
Aarón Montoya-Moraga
"‘p5.js是我的快乐之处。’💕 "
场馆和日期
📍 PlusCode媒体艺术节,布宜诺斯艾利斯,阿根廷和虚拟-线上 🌐
📅2018年11月14日,3小时
参与者
我的工作坊有约16名学生,团队包括3名来自PlusCode媒体艺术节的人和一个场馆内的人。
难度级别
初级、中级、高级
目标
介绍p5.js入门和图形Web编程及开源艺术,使用西班牙语 :)
📝 方法和材料
‘我使用了此材料在GitHub上的。’资源库,我们使用了p5.js网络编辑器,进行了三小时的工作坊。
🔗 +CODE电子艺术节2018,阿根廷,Medium
- 创意编程导论
Adam Herst
"在制定工作坊时,我最大的不确定性是它是在向程序员教授艺术,还是在向艺术家教授编程。"
场馆和日期
📍 Inter/Access(艺术家经营中心),加拿大安大略省多伦多市
现场进行,远程学习有自主控制工作手册
📅2020年2月12日,晚上7点至9点
参与者
15名艺术家
难度级别
初级
目标
介绍p5.js给没有或很少有编程经验的艺术家,并建议一种从模拟实践迁移到数字形式的方法。
📝方法和材料
通过使用p5.js网络编辑器的活动,展示如何将物理图纸转化为数字图纸的印刷工作手册。
- 创意编码静态图形
Shunsuke Takawo
"在p5.js中进行编码非常有趣。如果你还没有尝试过,我鼓励你试一试!"
场馆和日期
📍日本东京的FabCafe MTRL
📅2019年9月15日,下午4点至7点
参与者
任何想尝试p5.js编码的人
难度级别
中级
目标
从图形设计的角度进行编码
📝 方法和材料
Dropbox Paper,p5.js网络编辑器。
🔗 课程大纲和材料
- 生成式排版
Dae In Chung
场馆和日期
📍美国马里兰州巴尔的摩市和虚拟联合🌐
📅2019年1月21日至5月8日,每个星期三晚上4点至晚上10点
参与者
初中级本科生和研究生,他们很少或没有编程经验。
难度级别
初级
目标
通过计算机操作实验排版形式和结构。
📝 方法和材料
方法:在线/离线讲座和批评。
材料:p5js在线编辑器,Github,Youtube教程。
🔗 参与者的作品
- 网络机器学习
Yining Shi
场馆和日期
📍纽约市布鲁克林区杰伊TP,纽约大学。地址:370 Jay St, Brooklyn, NY 11201, USA
📅2019年3月9日至10月12日,每周二晚上6:30-9:00
参与者
纽约大学交互式电信计划(ITP)的学生。16人。
难度级别
初级、中级
目标
本课程的目标是学习和理解常见的机器学习技术,并应用这些技术在浏览器中使用ml5.js和p5.js生成创意输出。
📝 方法和材料
本课程是讲座、编程会议、小组讨论和演示的混合体。我使用GitHub:用于托管课程大纲和所有编程材料。Google幻灯片用于讲座,p5.js网络编辑器用于现场编程会议。
方法:在线/离线讲座和批评。
- p5.js和JavaScript入门
Nico Reski
场馆和日期
📍目前可供个人在自己的节奏下学习,附有幻灯片,如下链接。
难度级别
初学者,初级
目标
向学习者介绍p5.js(和JavaScript)的最基础知识,以鼓励创意编程并让他们在安全环境中追求自己的项目。
📝 方法和材料
p5.js源代码(用于介绍性项目),JavaScript源代码(说明一些基本的JavaScript功能), 附带的.pdf格式幻灯片,所有这些都公开托管在GitHub上。
🔗 概述以及工作坊和其中的内容(包括托管在 GitHub 上的所有链接)在我的学术网页上。
- 数字编织与物理计算工作坊系列
Qianqian Ye 和伊夫林·马索
场馆和日期
📍创意工作女性中心(WCCW),洛杉矶,加利福尼亚州,美国
📅2019年10月19日至11月2日,每个星期六下午3-6点
参与者
15名女性和非二元性别的艺术家、设计师、制作者和程序员。
难度级别
初级
目标
在三个工作坊的过程中,我们将使用 p5.js,一个开源的图形库来绘制和创建图案; 我们将学习和应用计算概念来转换图案,最后,我们将用电子微控制器将编织物生动起来。
📝 方法和材料
方法:小组讨论
材料:幻灯片,p5.js 网络编辑器,纸笔绘制图案,物理模式编织工具。
🔗 工作坊信息在 WCCW 网站上。
- 手语编程
崔泰勇
"我正在为韩国的残障学生准备一系列新的编码课程。我正在研究教学方法和翻译。 我计划在2020年12月举办工作坊。该项目得到了开放社会基金会人权倡导组织和韩国残障艺术文化中心的支持。"
场馆和日期
📍 WRIC,纽约市,美国和首尔美术馆,韩国首尔。
共5节课,每节课23小时
参与者
年龄在1050岁之间,生活在纽约市的聋人和听力有障碍的学生。
难度级别
初级
目标
帮助聋人和听力障碍的学生通过有趣的练习学习计算机编程。制作基本编程概念的ASL教程。
📝 方法和材料
我们使用 p5.js 网络编辑器和网站上的代码示例。 我们还使用了骰子、扑克牌和各种纸制工具来帮助学生学习编程概念。
🔗 教学大纲和材料
📸 更多照片