学设计怎么可以不知道Processing?仅仅用画笔和绘图软件来展示自己脑中的构想,不如多掌握一门魔法般的技能——编程。在程序世界中,你就是造物主。在深入接触的过程中,你还可以了解万事万物的运行原理,创造各种粒子系统,模拟各种自然现象。
学设计怎么可以不知道Processing?仅仅用画笔和绘图软件来展示自己脑中的构想,不如多掌握一门魔法般的技能——编程。在程序世界中,你就是造物主。在深入接触的过程中,你还可以了解万事万物的运行原理,创造各种粒子系统,模拟各种自然现象。
01 PROCESSING是什么?
Processing是一种具有革命前瞻性的新兴计算机语言,它的概念是在电子艺术的环境下介绍程序语言,并将电子艺术的概念介绍给程序设计师。
它是Java 语言的延伸,并支持许多现有的 Java 语言架构,不过在语法 (syntax) 上简易许多,并具有许多贴心及人性化的设计。
Processing将Java的语法简化并将其运算结果“感官化”,让使用者能很快享有声光兼备的交互式多媒体作品。Processing的源代码是开放的,和近来广受欢迎的Linux 操作系统、Mozilla浏览器、或Perl语言等一样,用户可依照自己的需要自由裁剪出最合适的使用模式。
02 PROCESSING可以做什么?
Processing诞生于鼎鼎大名的MIT MEDIA LAB。它最擅长创作图像,无论是静态或是动态,二维或是三维。既能做游戏,也能写音乐。
当某一天,你嫌photoshop提供的功能还不够强大,无法实现自己想要的效果,你完全可以自己写一个笔刷,写一个滤镜,对图片进行像素级别的操控。
下面的这些作品,就出自Processing之手。
Dave Whyte 作品
国外许多顶尖设计院校,如纽约大学,帕森斯设计学院,皇家艺术学院,以及国内的清华美院,同济设计与创意学院和中国美术学院等都开设创意编程课程,Processing是当今交互设计师和新媒体艺术家必备工具。
现在越来越多的创意公司,都在寻找会编程的交互设计师或是懂设计的程序员,他们是各公司争抢的对象。我们的招聘合作伙伴包括:阿里云数据可视化团队,SONY, W+K, FORG,NAKED Inc.等。
03 PROCESSING入门小班课
课程简介
Processing是一个面向电子艺术和视觉交互设计而开发的编程语言, 它建立在Java编程语言的基础之上,拥有简化的语法和图形编程模型。相比较与Java,processing通过激励性的可视化反馈来帮助非程序员来进行编程的入门学习, 使得数字创意的表达更加便捷。
主讲老师
刘老师
萨塞克斯大学-人机交互-博士
萨塞克斯大学-游戏与多媒体环境-硕士
曾参与萨塞克斯大学创意信息技术部SCHI LAB多感知交互博士科研实习项目,了解视觉,听觉,触觉,味觉,嗅觉等多种感知交互前沿知识并应用于作品集中。主攻数字媒体,人机交互作品集,游戏设计项目的编程部分。擅长根据学生的个性与喜好进行针对性交互与游戏创意启发,引发对交互设计的兴趣。
效果展示
课程内容
课时1 小试牛刀
我要和你聊聊Processing、Processing怎么装、写下你的第一个Processing小程序、给画板加背景、画个长方形, 画个椭圆、上色儿、描边儿、画画儿顺序、beginShape() 之画你自己想要的图形、课堂练习:"堆"雪人、编程出错很正常, 控制台来帮忙、关于线条、保存、透明度的设定、可参考网页。
家庭作业:准备海底生物的图片(透明背景), 下节课用;临摹极简主义画家的作品(以Piet Mondrian, Sophie Taeuber, Josef Albers等画家为例)。
课时2 变量与交互
课时1知识点回顾与作业讲评、加注释、变量的类型、变量的运算、变量的范围、鼠标交互、键盘交互、条件判断之if语句、条件判断之else语句、加载图片、贝塞尔曲线。
家庭作业:绘制一个有鼠标交互的海底场景
课时3 声
课时2知识点回顾与作业讲评、安装声音扩展库、音频播放、停止和回放、音量和声音强度、声音交互、方块人、多种声音、声音录制、数据映射。
家庭作业:使用minim库创作一个音画互动程序或者互动乐器
课时4 编程技巧
课时3知识点回顾与作业讲评、If else条件语句、大于和小于语句、更多的条件语句、“与”和”或”、Boolean布尔逻辑、for循环、for循环的图形绘制、random随机数的生成、Arrays数组、更多println命令相关。
家庭作业:创作一个算法制图工具
课时5 函数与代码简化
课时4知识点回顾与作业讲评、更多注释的解释、函数入门、标签页、函数的数据输入、函数的数据输出、用函数来输出图案吧、时间控制。
家庭作业:使用函数和标签,简化一个之前的程序
课时6 三维空间
课时5知识点回顾与作业讲评、P3D渲染器、位置变换、矩阵变换、绘制立方体、球体
、定向光、环境光、自定义3D图形、实时范例演示。
家庭作业:创作一个可交互的3d场景
课时7 影像与摄像头
课时6知识点回顾与作业讲评、读取视频、读取摄像头影像、调整摄像头影像的尺寸、调整摄像头影像的颜色、读取像素点、视频像素点、实时演示1&2。
家庭作业:使用摄像头和其中的像素制作一个交互程序
课时8 粒子系统
课时7知识点回顾与作业讲评、初识粒子系统、类的用法、粒子系统详解、Live Coding技术。
家庭作业:制作一个交互粒子系统
课时9 基于GUI用户界面的粒子系统
课时8知识点回顾与作业讲评、粒子连线、GUI 按钮、GUI 滑块、实例演示。
家庭作业:为之前的一个作业加上GUI用户界面
课时10 数学
课时9知识点回顾与作业讲评、π介绍、关于π的更多、Sin介绍、使用sin()和cos()绘制圆