一、作品临摹

1.要求：从参考资料中的“动态图形艺术”中选取不少于1幅作品，用编程方式临摹，并进行拓展
编程语言与工具：编程可以用p5,processing，若想用其他语言或工具，提前向老师说明情况；

作品: 要有一件临摹的作品；还要有至少一件拓展的作品；每幅作品录制一段半分钟内的视频；

报告：写一篇文章，发表为博文/推文等形式，描述从原作中提炼出的规律，既要用平实易懂的语言描述，也要尝试运用凝练的数学语言表达（公式、方程、推导等），特别要描述出这些规律在原作中如何呈现的？在自己的扩展中如何呈现和变化的？

**2.**所选作品：

3.分析

3.1 规律分析：该作品布局类似棋盘，奇数列以白黑间隔方式布局，偶数列则以黑白间隔布局。作品粗看是匀速运动，实则按照正弦曲线规律运动。整体可看作黑色方块的有序缩放。

3.2 代码实现
绘制方块


for(i=0;i<8;i++){for(j=0;j<8;j++){if(i%2==0){if(j%2==1){fill(0);rect(25+50*i,25+50*j,50,50)}else{fill(255);rect(25+50*i,25+50*j,50,50);}
}else {if(j%2==0){fill(0);rect(25+50*i,25+50*j,50,50);}else{fill(255);rect(25+50*i,25+50*j,50,50);}}}}

正弦运动

 var restime=millis()%T-(i+j)*50;  //大于周期的剩余时间if(restime>=0&&restime<PI*200){return (50-25*sin(restime/200));}else if((restime>=T/2&&restime<T/2+PI*200)){return (50-25*sin((restime-T/2)/200));}else return 50;

二、码绘拓展

1.一开始是对示例进行简单的变换，将方块变为圆。

2.在绘制实心圆的基础上，又复制了绘制实心圆的代码，并将填充颜色设置为了白色，这样，就能绘制出圆环了

3.把半径变大
radius = width/float(num_side+1);

以及将圆与圆间距减小
osc = 25*(sin(TWO_PI (y-rateRatiot))+ cos(TWO_PI (x-rateRatiot)));
ellipse(2*(radius+iradius),2( radius+j*radius),osc,osc);

最终生成气泡运动

三、心得体会

从思路方面来考虑，编程和手绘的差距其实并不大，手绘一开始要做的事情就是构图，确定好画面的大致框架和分布，用p5来进行编程作画也是一样，确定好画布的大小和作图的关键点位，确定框架。从技术上来说，手绘的要求更高一点，因为使用p5作画是依靠调用现成画出的都是标准的图形，而手绘有诸多因素的影响，如画笔、纸张、绘画者的技术等，但正是如此，手绘才会显得多样化。创作体验上来说，使用p5编程作画比较适合重复性强的作画，手绘更适合创造性的作画，p5自带的曲线函数要确认点位才能够连出直线，没有手绘那样随心所欲。从创作偏好方面，我喜欢用p5画一些简单、重复性高的画面，手绘更适合创造性的作画。

互动媒体技术作业——processing码绘相关推荐

p5.js 编程临摹动态图形（互动媒体技术作业）
p5.js 编程临摹动态图形(互动媒体技术作业) 动态图形的规律分析 p5.js 代码历程走过的弯路拓展总结动态图形的规律分析从老师的动态图形参考资料中,我选择了以下图形进行临摹: 初次见面 ...
十二个“一”与耍猴（互动媒体技术作业）
十二个"一"与耍猴(互动媒体技术作业) 角色简介第一章耍猴之兴第二章耍猴之变第三章第四章 -- 总结角色简介本文故事时间为古代某时期,文中时间点与现实无关,故事背景 ...
十二个“一”，十二台手机（互动媒体技术作业）
十二个"一",十二台手机(互动媒体技术作业) 选题: A:VIVO NEX3 B:OPPO Reno系列 C:iPhone 11系列 D:三星 Note10 系列 E:8848钛金 ...
p5.js 绘制创意自画像（互动媒体技术作业）
p5.js 绘制创意自画像Little Prince(互动媒体技术作业) 作品展示代码&创意点分析 1.设置工具类以获取坐标点:本次实验最有用的东西就是这个了 2.眼睛跟随鼠标运动: 3.披 ...
流动墨迹速度感知实验（互动媒体技术作业）
流动墨迹速度感知实验(互动媒体技术作业) 文献综述数据分析研究问题实验方法评价标准测量结果结果分析文献综述阅读律大大关于"测量书法的可回溯感"的论文可知,汉字书法艺 ...
互动媒体技术——基于processing实现随机行为及牛顿运动学：自然这么美，带你去看看！
博文索引目录: 1. 引言 2. 作品 2.1 第0章(引言)-- 我对我的梦有种迷恋,就像这漫天星的夜 2.2 第1章(向量)-- 心如止水,却为叶所动 2.3 第2章(力)-- 樱花飘来的方向,大 ...
描述12个异性追求者（互动媒体技术作业）
第一个追求者: 她的相貌还算普通,但是走在大街上还是会很容易注意到她,嘛,毕竟她身上的银白铠甲太过显眼了,作为女骑士她平常看起来那么正经,其实这些都是装的,她也想要被呵护,努力逞强的外表下是一颗脆弱的 ...
互动媒体技术作业，十二个“一”，刻画一个神秘、悲惨、温馨、又深情的团体
作业要求: 任务7 随堂作业: 将十二个"一"设想为人物角色/或事物,从下列任务中选择一个完成: 假想一个故事背景,从十二个"一"中挑选至少4人,为其设计角色形 ...
互动媒体技术作业2优秀博文推荐
推荐1 作者:张帆链接 https://www.kanvasesfan.me/?p=174 想法很新颖,好看的同时交互性趣味性又很强,投入商业的实际应用可能性很大哇,现在大家都喜欢玩图片处理~喜欢 ...

互动媒体技术作业——processing码绘

互动媒体技术作业——processing码绘

一、作品临摹

二、码绘拓展

三、心得体会

互动媒体技术作业——processing码绘相关推荐

最新文章

热门文章