码绘专题

码绘VS手绘(二) 如何让让静态图“动”起来

前言 在上一篇码绘VS手绘(一) 编程与手绘的对比中,我们了解了有关码绘与手绘在静态图方面的比较,本文主要讲解如何分别通过手绘和码绘两种方式来使得静态图“动”起来,码绘使用的是processing,谨以此博客记录学习过程,若转载,请注明出处。博主新手一枚,这是博主第一次写博文,若有不足之处,还请温柔拍打~~(笔芯~~) 首先,让我们来了解一下,什么是动画? 动画是通过把人物的表情、动作、变化

码绘VS手绘(一) 编程与手绘的对比

前言 本文主要讲解在静态图方面如何分别通过手绘和码绘两种方式来表现,以及它们之间的差异与联系,谨以此博客记录学习过程。博主新手一枚,这是博主第一次写博文,若有不足之处,还请温柔拍打~~(笔芯~~) 手绘 在绘画之前,我们需要进行准备工作,准备素描纸、彩铅、铅笔;准备工作做好之后,我们需要想好构图,比如图中我先确定每一个图案大致位置,伞放在素描纸的右边,两个轮子在中下位置,且两个轮子大小不

一次失败尝试:-(码绘写实眼睛

一次失败尝试:-(码绘写实眼睛 这是互动媒体第一次作业,要求手绘一幅静态画,然后再用代码将静态画实现。将两幅用不同形式画出来的画进行对比,得出一定结论。 这里我手绘作品所用工具:数位板,码绘使用p5.js 绘画第一步:观察 手绘准备 每一个美术生,上课的第一件事不是让你练排线,而是让你去观察临摹本的线条为什么要这么排,这个物体的结构为什么要这么画,这幅画面的透视,这些画的明暗交界线在哪……

手绘码绘的对比--“运动”的异同

我认为“运动”从某种方面上来说,会表达一种情绪。在艺术创作中更是希望能产生与大多数人的共鸣。 一、“运动”之于手绘 如果要用一幅手绘表现出来的话,我想“运动”亦可以被称之为“生动”。这次依然选择手绘而不是电脑绘画,纸笔的笔触或许能带给我更多生动的效果,活灵活现并且跃然纸上的效果,就是我认为的通过手绘带来的“生命感”。 比如同样是对动物进行绘画,这种对神态的刻画在寥寥数笔下逐渐展现,如不是进行

手绘VS码绘-2

这系列文章主要是记录博主在互动媒体课程中的收获和体会 上次我们比较了手绘和码绘在绘制静态图画中的异同。今天我们要尝试的是绘制出动态的作品。 使用的工具与上次相同,为VSCode编辑器和 p5.js库,不再赘述。 这次我想在上次的静态蜘蛛的基础上绘制一个可以与鼠标互动,自身也有动画的小蜘蛛出来。 首先修改上次的绘制蜘蛛的代码使得其包含了坐标变量和腿移动还有缩放的变量,以便后续编写移动函数的操作。

手绘与码绘的对比——动态实现

【让画画动起来】用unity画一个飘云下雪的钟塔 主题手绘展示码绘展示(静态图像)码绘时钟时钟代码 码绘飘雪飘雪代码 码绘云飘云飘代码 码绘展示(动态图像)总结相关资源 主题 用手绘和码绘两种方式创作“运动”主题的作品,对比二者在表现“动态”方面的异同。 手绘展示 今天是二十四节气中的小雪,于是我们来画一个下雪的场景吧。 场景中绘制了一个钟塔,有飘在空中的雪,天空中还有几多

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

在上一篇文章里我绘制了一幅夜空下的大巴 但是既然是夜空,没有星星就会有些光秃秃的,为了让它动起来,看起来稍微好看一点,有趣味性一点,现在需要让他动起来,用代码在夜空上加入明灭的星空效果,动图如下:   在上一篇代码的基础上改变如下:   function setup() {createCanvas(208*4,154*4);//坐标乘5angleMode(DEGREES);noS

码绘与手绘比较——静态篇

码绘图 p5.js绘制 手绘图 代码实现过程 以下仅代表性留下了码绘作画流程的部分代码,省略掉了很多取点线的代码。其实使用的东西都很简单,主要就是通过取点连线画规则图形和填色。 function setup() {createCanvas(400, 710);}function draw() {background(139,26,26,200); fill(0);beginS

利用码绘与手绘分别实现一个表情包

利用码绘与手绘分别实现一个表情包 作品展示码绘实现代码对码绘与手绘创作的一些看法 作品展示 码绘实现代码 void setup(){size(400,400);}void draw(){int x=400;while(x>=20){stroke(0);fill(x/2);ellipse(200,200,x,x);x=x-20;}fill(200);rect(12

“码绘”第二集————编程创意作品

“码绘”第二集——编程创意作品<罗小黑> 一、概述: 实验工具:P5.js创意作品结果: {主体罗小黑,背景的星星【借鉴学习的他人代码】, 点击生成花,键盘控制改变表情}步骤讲述。 二、作品展示 ①星星闪耀 ②花朵留痕 三、实验步骤 *好用的坐标指引:【在官方教程中的坐标实时输出】 1. 主体罗小黑部分函数: function cat(){画罗小黑/////身体///str

码绘实践第一课——动态图形的实现

码绘实践——使用p5.js来绘制 1. 用于临摹的动态图形 观察动图的构成,是由白色的六边形和黑色的背景组成。从p5.js的官方网站上找到参考实例用到其中的写正多边形的函数。 function polygon(x, y, radius, npoints) {//绘制正多边形函数let angle = TWO_PI / npoints;beginShape();for (let a = 0; a

手绘与码绘对比——从画小人开始

手绘与码绘对比——从画小人开始 本文主要记录自己第一次以手绘作品为原型,用代码画画的过程以及体会。 一.手绘VS码绘 完成时长:10分钟 工具:钢笔,A4纸 效果:人物脸部的线条不匀称,线条不流畅,眼睛不够有神。 创作体验:整个过程完成很快,在画的过程中是很享受的,对笔的使用相比电脑来说很流利,但看到画完的效果会有点羞愧。 完成时长:8小时 工具:processing 效果:整个效果比手绘

手绘VS码绘(静态)

第一次把手绘和码绘放到一起比较,在此之前我即使是知道可以用代码进行绘画,但是还是从来没有想过认真的对他们进行对比,这次作业算是给我打来了一个新的思路,让我认识到了代码中的一些乐趣。 首先是手绘:   我发四这不是我的真实水平!但是由于码代码技术太差,第一次接触到这个软件就选择绘制了一个简单的图形(这是后话在码绘里再说)。关于手绘我想说以下几点(突然正式): 从工具角度  简单的手绘你只