手绘vs码绘动态对比

用手绘和码绘两种方式创作“运动”主题的作品，并作出对比

手绘图：

码绘图：

比较
技法：不考虑美观的话手绘比较方便，可以怎么想怎么做，而码绘却比较复杂，需要转换为代码。
工具：手绘可以用笔，数位板等等，码绘是代码和编程工具
理念：手绘怎么想怎么画，码绘需要转换思维，用数学的思想考虑
创作体验：手绘更加友好轻松，画了会马上呈现效果，而码绘却只能面对代码，需要运行才知道效果
呈现效果：对没有手绘功底的人来说，码绘呈现效果会更好，在动态图形中，手绘很难表现，而码绘却可以表现出各种各样的动态效果，码绘的创作能力更高。
载体：手绘为纸，电脑屏幕；码绘载体是电脑屏幕
应用：手绘可用于静态绘画，更容易表现精细细节，而码绘更擅长动态几何图形的表现，可用于动画，游戏，动图，动图界面展示等等方面，适用范围很广。

码绘实现

var l=500;
var w=500;
var d=100;
var px=l/2;
var py=w/2;
var px1=l/3;
var py1=w/3;
var Vx=-3;
var Vy=-10;
var Vx1=-16;
var Vy1=13;// 函数setup() : 准备阶段
function setup() {createCanvas(l,w)；
}// 函数draw()：作画阶段
function draw() {   background(200);//用for循环画多个背景太极图案for(var col=0;col<5;col++) // 画8列{for(var row =0;row<5;row++) // 画6行{var x = col*100; // x坐标为i的70倍，即X方向间隔为70像素var y = row*100; // y坐标为i的60倍，即Y方向间隔为60像素taiji(x,y,50);}     }   //两个大太极图案的碰撞taiji(px,py,d);taiji(px1,py1,d);//pxy碰撞检测px+=Vx;py+=Vy;if(px>width-d/2||px<0+d/2){Vx*=-1;}if(py>height-d/2||py<0+d/2){Vy*=-1;}taiji(px1,py1,d);//pxy1碰撞检测px1+=Vx1;py1+=Vy1;if(px1>width-d/2||px1<0+d/2){Vx1*=-1;}if(py1>height-d/2||py1<0+d/2){Vy1*=-1;}s=sqrt((px-px1)*(px-px1)+(py-py1)*(py-py1));//pxy和pxy1碰撞检测if(s<d){Vx1*=-1;Vy1*=-1;Vx*=-1;Vy*=-1;}}//画太极的函数
function taiji(px,py,d)
{fill(255);
arc(px, py, d, d, 0, PI, OPEN);fill(0);
arc(px, py, d, d, PI, 2*PI, OPEN);  fill(0);
arc(px-d/4, py, d/2, d/2, 0, PI, OPEN); fill(255);
arc(px+d/4, py, d/2, d/2, PI, 2*PI, OPEN); fill(255);// 填充白色
ellipse(px-d/4,py,d/7,d/7); // 画圆形
fill(0);// 填充白色
ellipse(px+d/4,py,d/7,d/7); // 画圆形}

手绘vs码绘动态对比相关推荐

手绘与码绘————动态对比
本项目通过Python的turtle包的简单练笔项目对手绘和码绘进行动态对比思维异同手绘:人类自古以来的传统绘画方式,千百年来无论是艺术家还是普通人都可以通过绘画来记录景色,传达情感,记录思考. ...
手绘和码绘的对比（2）——动态比较
码绘手绘代码实现过程 var numBalls = 30; var spring = 0.05; var gravity = 0.01; var friction = -0.9; var ball ...
手绘VS码绘——动态篇（视觉错觉）
前言在介绍这次的实验前,先让我们看看一组图片: 相信大家看完这组图片已经有点难受的想点一下右上角的X了,其实不止你们,我在写这篇文章的时候也想关掉它-- 接下来我就按照正常的介绍流程告诉大家,这些图 ...
手绘vs码绘2——动态弓箭
手绘与码绘动态对比前言在上一次博客中,我们已经成功用代码重现了手绘的Q版小人,对手绘和码绘进行了几个方面的对比分析.不得不承认,码绘由于形状和编写时间的限制,在绘制静态图像的方面和手绘还是有很大差 ...
手绘与码绘对比（一）
最近在老师的带领深入学习研究了手绘与码绘啊. 话不多说,直接上图. enmmm.....我知道这图不怎么样,有点沙地奥,但我们的主要目的是感受手绘与码绘的不同创作体验啊! 码绘我这次用的是p5.js ...
手绘与码绘————趣味交互式绘画系统的实现
简介上一篇博文我主要写了用向量来实现笛卡尔之心的形态变化.这一次我们以此为基础,把这种向量变化作为"颜料"来制作一个非常有趣的交互式绘画系统. 另外,这次我还使用了一种新的充满艺 ...
手绘与码绘————让画面动起来!
简介和上次使用静态画来比较手绘和码绘的区别不同,本次我们要用"动态"的图像来更深的体会艺术的不同表现方法和形式. 第一次实验我们仅仅通过对手绘和码绘的静态作品进行了比较,从感官上 ...
手绘vs码绘1——Q版小人
手绘与码绘静态对比前言在互动媒体的课程上,我了解了P5.js这项技术,并且学会了运用它进行简单的网页绘图.可能有很多人认为,绘画是一种艺术形式,必须要拿起画笔才能产生好的作品,而代码听起来和绘画毫 ...
手绘与码绘的比较---模拟风吹树动
手绘与码绘的比较-模拟风吹树动一.内容介绍本文主要介绍用手绘和码绘两种方式模仿一种自然现象–风吹树动的过程,以及在实现过程对这两种方式的比较和思考.之所以选择风吹树动,是因为每次速写画一些场景时( ...

手绘vs码绘动态对比

用手绘和码绘两种方式创作“运动”主题的作品，并作出对比

手绘vs码绘动态对比相关推荐

最新文章

热门文章

手绘vs码绘 动态对比

用手绘和码绘两种方式创作“运动”主题的作品，并作出对比

手绘vs码绘 动态对比相关推荐

最新文章

热门文章

手绘vs码绘动态对比

手绘vs码绘动态对比相关推荐