Processing——码绘与手绘对比动态篇

最新推荐文章于 2023-08-31 23:13:50 发布
最新推荐文章于 2023-08-31 23:13:50 发布
阅读量3.1k 收藏 32
点赞数 3
文章标签： processing 码绘
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40779137/article/details/84451610
版权

码绘展示

先来看一下码绘的最终效果在这里插入图片描述
PS：图中运动毫无规则的星星是由鼠标控制的，录制gif文件时没有把鼠标运动录制下来。

手绘展示

由于是动态结果，一帧帧手绘很麻烦，所以手绘作品只画了一帧。
在这里插入图片描述
从这张非常敷衍的手绘作品不难看出，在动态艺术作品上，码绘似乎更占据优势。它更精准快捷，便于实现。通常对于手绘来说，要想展示出动态的效果会采用多种其它方式，比如头发衣物等的形态改变，或者是添加线条显示运动状态。
在这里插入图片描述
在这里插入图片描述
对于码绘而言，可以实现的动态效果多种多样，可以是函数运动、粒子系统等等。
在p5.js官网有很多资料，可以去逐一学习。
https://p5js.org/zh-Hans/examples/

最低0.47元/天 解锁文章
SkyLchnoise
关注
  • 3
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
互动媒体技术作业——processing码绘
Luc1d的博客
10-21 1247
互动媒体技术作业——processing码绘一、作品临摹二、码绘拓展 一、作品临摹 1.要求： 从参考资料中的“动态图形艺术”中选取不少于1幅作品，用编程方式临摹，并进行拓展 编程语言与工具：编程可以用p5,processing，若想用其他语言或工具，提前向老师说明情况； 作品: 要有一件临摹的作品；还要有至少一件拓展的作品；每幅作品录制一段半分钟内的视频； 报告：写一篇文章，发表为博文/推文等形...
手绘 v.s 码绘 (1.1 Processing——MyConfuse)
Sugar_me_的博客
11-24 558
目标 用手绘和码绘两种方式创作“运动”主题的作品，并撰写报告，对比二者在表现“动态”方面的异同。 至少有一幅手绘作品，允许采取纸面绘画或电脑绘画两种方式 可以结合速写课作业完成多幅作品，形成组图，以尝试不同的表现”动感“的手法 编程工具默认包括p5.js, processing, openframeworks, unity 必须运用到条件分支、循环、函数等流程控制方法，尽可能运用周期性、...
初试Processing——我的第一幅“码绘”作品
OumaNatsumi的博客
10-17 6928
前言 Processing是一种灵活的软件写生本，是一种学习如何在视觉艺术的环境中编写代码的语言。自2001年以来，Processing促进了视觉艺术中的软件素养和技术中的视觉素养。有成千上万的学生、艺术家、设计师、研究人员和业余爱好者使用加工来学习和制作原型。 恰逢正在上《互动媒体技术》一课，刚好可以用到Processing来进行创意编程，即“码绘”，废话不多说，接下来介绍我的第一幅“码绘”作品...
码绘VS手绘|processing“运动”主题创作——如何让一只鸟起飞
CSDN官方赛事助手，为用户提供权威赛事资讯与服务，打造赛事交流平台，帮助用户解答疑问、提升技能、参赛备赛。
04-07 1230
最终作品效果可以看上传在B站的视频：https://www.bilibili.com/video/av36523799 第一次码绘VS手绘指路：https://blog.csdn.net/qq_37787956/article/details/84200103 一、代码逻辑 在第一次尝试中，绘制了一个十分简单的小人，它不会动，也不能和用户进行交互。 对于艺术创意编程来说，实在是一个无趣的作品，如何让静止的作品动起来，是这次尝试主要要实现的目标。 首先，准备一幅静态的作品： 这只小鸟激发了我创
码绘VS手绘|processing“运动”主题创作——如何让一只沙雕鸟起飞
qq_37787956的博客
11-23 3930
目录 一、代码逻辑 二、理论对比 三、参考资料 最终作品效果可以看上传在B站的视频：https://www.bilibili.com/video/av36523799 第一次码绘VS手绘指路：https://blog.csdn.net/qq_37787956/article/details/84200103 一、代码逻辑 在第一次尝试中，绘制了一个十分简单的小人，它不会动，也不能和用...
码绘与手绘的对比——动态篇
weixin_42312339的博客
11-23 400
上一篇的码绘与手绘的对比讲的是静态图案，这一篇我们来了解与动态图案相关的编程与手绘的奥秘。在这里分享一下学习经验，对processing编程绘图感兴趣的同学可以去openprocessing.org这个开源网站学习，上面有很多优秀的大师级作品可以学习，这次我做的动态图像也是学习了大师的星球模型，做出了最后的成品。 下面是码绘动态作品： 这是首次运行程序的效果图，有一个小行星绕主星球飞行，这里做了...
码绘与手绘——表达动态
sinat_41802987的博客
11-24 745
一、手绘表现动态： 这个题目一开始看来 ，手绘是处于非常劣势的地位的，因为电脑上可以实现动态的过程，就是用动画的原理，每秒绘制60帧，不断进行重绘图形，来达到运动的效果的。 而本身来讲，手绘的图片本质上是不能动的，只能通过笔触来表达，来营造一种动态的效果。这个就比较考验功底了，表达动态的话，我总结了一下，是通过这些方式的。 (手绘作品如下：) 人物本身的动态肢体动作来表达动态。 2. 比如飘...
对比码绘与手绘——Motion graph
sentient_的博客
11-22 800
上一篇博客做的是静态画，那这篇当然要讲讲动态画。同样地，这次我们也是从思路、技术、创作体验、创作偏好等方面来比较码绘与手绘，讨论异同。 首先，展示一下作品： 码绘 利用P5.JS绘制作品 手绘 利用数位板及ps工具实现的动态图 ...
手绘VS码绘——动态篇（视觉错觉）
qq_40667574的博客
11-23 2173
前言 在介绍这次的实验前，先让我们看看一组图片： 相信大家看完这组图片已经有点难受的想点一下右上角的X了，其实不止你们，我在写这篇文章的时候也想关掉它…… 接下来我就按照正常的介绍流程告诉大家，这些图片产生的效果叫“视觉错觉”哟（有点做作，
poster-p5:通过p5.js使用Processing，这是有史以来最酷的世代海报
05-18
海报-p5 通过p5.js使用Processing，这是有史以来最酷的世代海报 操，是的
70行代码processing实现超酷唯美动态屏保
03-19
自己敲的唯美processing屏保，有助于新手学processing的一些原理
Processing动图临摹与其拓展
QianQing_mio的博客
10-21 3925
Processing实现动图的临摹与拓展内容临摹旋转的爱心临摹嵌套的立方体爱心动图的拓展总结 内容 临摹旋转的爱心 原动图如下： 1. 找寻规律 【1】整张图片的构图基础是爱心，而爱心的构图基础是立方体，所以我们需要自己写一个画一个爱心的函数。 【2】爱心在旋转的时候是有规律的，爱心为四行四列。（1,1）和（4,4） 位置的爱心旋转是一致的，（2,1）和（1,2）位置的爱心旋转是一致的， （3...
processing动态代码大全_做一张动态海报需要多少步？
weixin_39771987的博客
01-02 4706
人们习惯性地把程序员跟设计师分成两种不同性质的人，好像程序员就不会有美感，设计师逻辑思维就一定会很弱，但最近几年我们发现越来越多的程序员学设计，设计师学编程的跨界故事。新媒体艺术家，邱伟豪也是其中一员，放弃程序员的稳定高薪职业，只为探索创意的无限可能。本期分享会精彩回顾，除了经验分享外，他还会用两个案例向大家展现：只修改一行代码，可以有多少种视觉呈现？做一张动态海报需要多少步？本期文章...
p5js processing 动态海报
最新发布
m0_61799540的博客
08-31 630
漂浮图像： 该程序生成并显示了 ImageObj 类的实例，代表在画布上漂浮的较小图像。背景图像： 在画布上显示了两个背景图像（image1 和 image2），透明度水平（image1Tou）在变化，从而产生淡入淡出的效果。探索： 由于这是一个创意的视觉程序，不要犹豫尝试不同的参数，例如动画速度、透明度变化速率和图像变化，以找到更具吸引力和令人满意的结果。您可以尝试排列图像，调整它们的大小和位置，以创建更具吸引力和美感的体验。过渡效果： 实现不同视图模式之间的平滑过渡，以避免图像透明度和位置的突然变化。
processing代码_20行Processing代码，实现动态视错觉【颜色错觉&形状错觉】
weixin_39842617的博客
12-06 2007
作者晚上在逛知乎的时候发现了这样一篇文章很有趣：知乎用户：「视觉补正」是什么？​www.zhihu.com时间比较紧，也懒得查资料了。直接仿照文章中的一个视错觉图片（非动图）进行编程：原文中的一个图片。图中的水平线看起来是倾斜的，但实际上却相互平行。这样的视错觉叫做几何错觉。好的，大概懂了，就是小斑马条条们每行左右挪一挪，错觉就产生了的意思呗。再仔细观察，发现纵向的分布像是三角函数，所以就做一个动...
1.9 开始第一幅“码绘”——掌握大杀器”循环“，一招搞定百千万个懵逼脸
魔笔玩家的博客
09-09 2142
直觉上，提到“重复”，往往联想到枯燥乏味，想到焦躁的重复性劳动。然而，重复却又是制造“美”的重要手段。 本节首先赏析了多位不同时期不同风格的绘画大师的作品，从中分析其运用重复的手法，并提炼出一个重复与美感的实践法则。 然后，再以程序示例引入循环的语法，并通过循环实现了多种效果。 最后，示意了通过循环，以简介的语句绘制出一大群不同表情的懵逼脸。
【Processing】行走的行星 动态海报 processing艺术与科技
m0_61799540的博客
03-21 1438
一个有趣的行星场景。程序中包含了粒子、星星、陨石、行星和卫星等元素。代码中导入了所需的库，设置了窗口大小，并创建了粒子和星星数组。陨石的数量、位置、速度、颜色和火焰的颜色和透明度等参数也被设置。在 draw 函数中，实现了背景的绘制、陨石、粒子和星星的更新和绘制、云朵的绘制以及行星和卫星的绘制和旋转。同时，也包含了绘制文本和鼠标点击事件的处理。总体来说，这是一个有趣的创意场景，可以通过改变一些参数和添加其他元素来进行扩展和改进。
Processing 动态海报制作教程 【小白】—— 初学者必看的简易指南！
splashinn的博客
07-24 1344
processing动态海报的制作大同小异，只要掌握方法一招顶十招。当然还需要一些练习。这个案例包括鼠标交互、粒子系统和类的运用等方面的知识，非常适合初学者上手
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值