一、临摹
最近正在学习用代码绘图,于是按照下面的动态图形自己临摹了一幅图形
临摹结果
观察发现,整个图案都是由基础的正六边形组成
首先创建一个画布
function setup() {
createCanvas(400, 400);
}
画六边形的函数为
function polygon(x, y, radius, npoints) {//绘制正多边形函数
let angle = TWO_PI / npoints;
beginShape();
for (let a = 0;
本文实例为大家分享了p5.js临摹动态图形的具体代码,供大家参考,具体内容如下
一、描述所临摹图像的规律
1、图像由多个闪光圆点和圆点之间的连线组成
2、圆点的运动轨迹是随机的
3、圆点之间靠近时会产生连线,并且相互靠近的圆点会颜色加深
二、代码实现
圆点之间产生连线,随机生成线条和运动轨迹:
//随机生成s.n条线位置信息
for (var t = [], p = 0; s.n > p; p++) {
var h = random() * r, //随机位置
g = ran
一、临摹
最近正在学习用代码绘图,于是按照下面的动态图形自己临摹了一幅图形
临摹结果
观察发现,整个图案都是由基础的正六边形组成
首先创建一个画布
function setup() {
createCanvas(400, 400);
}
画六边形的函数为
function polygon(x, y, radius, npoints) {//绘制正多边形函数
let angle = TWO_PI / npoints;
beginShape();
for (let a = 0;