自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 问答 (1)
  • 收藏
  • 关注

原创 processing《代码本色》第4章练习

一、 粒子系统从20世纪80年代初开始,粒子系统就被用于制作各种电子游戏、动画、数码艺术作品,还被用于模拟各种不规则的自然现象,比如火焰、烟雾、瀑布、草丛和泡沫。这一章讨论粒子系统的实现策略。我们将探讨一下问题:在实现粒子系统时,如何组织代码;如何存放单个粒子及整个系统的相关信息。在模拟过程中,用最基本的图形代表例子,并且只涉及粒子的最基本行为(比如在重力作用下的行为)。在粒子系统的研究过程...

2020-01-05 17:20:12 466

原创 processing《代码本色》第3章练习

一、 振荡三角函数会给我们带来很多新工具。这一章中会学习角、角速度以及角加速度,期间还会涉及正弦函数和余弦函数,他们可以用来制作平滑的波形曲线。度数和弧度的转化:弧度=2Π*(角度/360)。但在代码中使用弧度时,processing提供了简便的转化方法,radian()函数,可以将读书值转化为弧度值。它提供了两个常量PI和TWO_PI,分别对应两个常用的弧度值Π和2*Π。以下代码就使用了弧度...

2020-01-05 17:20:10 934

原创 processing《代码本色》第2章练习

一、 力的介绍。第二章讲到了力。“力是一个向量,它使有质量的物体产生加速”。结合力的概念,引出了牛顿三大运动定律。牛顿第一运动定律:“除非有不均衡外力的作用,否则物体始终保持静止或匀速直线运动状态“。牛顿第二运动定律:”力=质量X加速度(F=MA)“。牛顿第三运动定律:”每个作用力都有一个大小相等、方向相反的反作用力“。在牛顿第二定律中,加速度和力成正比,和质量成反比。这意味着如果受推力产生...

2020-01-05 17:19:59 520

原创 processing《代码本色》第0章练习

一、一维噪声一个好的随机数生成器能产生互不关联且毫无规律的随机数。然而,单独把随机性作为唯一原则是不够的,她并不完全符合自然界的特征。Perlin噪声就考虑到了这一点。Perlin噪声算法表现出了一定的自然性,因为它能生成符合自然排序(“平滑”)的伪随机数序列。如下图所示。Processing内置了Perlin噪声算法的实现:noise()函数。noise()函数有三个参数,代表一维、二维和...

2020-01-05 17:19:39 312

原创 数学是理解万物之源

数学的本质是模式,万物皆可归于某种模式,即事物的关系、结构。认清和发现关系和结构即寻找模式,在计算机和数学中非常重要。举个不恰当的例子,数学考试是按照题目所给线索,从已知条件推导未知,从而利用各种数学公式解出结果。不仅数学如此,文科也是如此。哪怕是政治历史考试,也是根据已知推为止,按照一定的逻辑模式来答题。生物界,花鸟鱼虫、豺狼虎豹按照自己的生活方式觅食、休息、繁衍,一代一代,模式化的、甚至是机...

2019-12-18 09:28:27 1555

原创 赏析艺术系同学的p5js作品

一、1号1号的像素风作品非常喜欢。再加上交互背景挪动小人可以在背景板刷上七彩色,非常好看。二、29号人物的表情、动作、配饰做的都很好。整幅图风格鲜明,看起来很有趣。三、58号交互很有意思,很酷。四、15号交互很好,贼有个性。五、42号挺好看的整体。艺术同学虽然大多没有编程基础,但实现出来的作品都很好,比我做得有观赏性多了。他们的创造力很强大,仅用简单的图形就能创造出各...

2019-12-16 16:58:45 1425

原创 互动媒体技术关于十二个“一”的联想

将十二个 “一”设想为十二个异性,描述对他们的感受。一号:个子中等偏高,但体重偏大,整体身材微胖。弯起的曲线给人一种自信、走路昂首挺胸的感觉。但结合他的身材以及我的判断,一号女生在颜值气质上有点自负,其实并没有多好,但却觉得自己是人群中最闪亮的星。二号:个子不高,也有点胖。莫名给我一种黑人女生的感觉。三号:个子高,偏瘦,身材修长。不够自信,右侧上突后斜感觉有点驼背,走路脖子前伸的感觉。但...

2019-11-11 13:55:19 165

原创 p5js动漫角色临摹

使用p5js临摹七龙珠角色克林原图临摹方法增加交互结果原图临摹方法这次我结合了p5js和ps。利用ps寻找图片的像素坐标,再利用p5js的贝塞尔曲线描点绘制图案。在ps中新建400*400像素的图层,导入图片并添加网格,打开窗口->信息(F8)。鼠标在图像上移动即可获得像素位置信息,并且可以使用吸管工具提取颜色信息。2.通过钢笔工具绘制贝塞尔曲线的四个点(起点、终点和两个控制点...

2019-11-02 13:27:52 592

原创 p5js基础动图临摹及创新

p5js基础动图临摹及创新一、临摹图1、临摹的动态图形为正方形的旋转,如图所示:2、这个动态图形是在36个圆形上由36个正方形绕圆心进行逆时针、顺时针旋转,在旋转过程中进行了重合组成大的正方形。二、临摹步骤1、首先创建画布600*600,先利用for循环和ellipse()画圆形// An highlighted blockfill(255) let i=50; let y...

2019-10-20 17:50:20 1054

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除