发布于 2026-01-06 0 阅读
0

我学习生成艺术的第一步是参加由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

我学习生成艺术的第一步

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

虽然我完全是个生成艺术新手(我今天才开始接触!),但我发现它非常迷人。所以我想在这里分享一下我的热情。

什么是生成艺术?

让我们来看看维基百科上的引文。

生成艺术是指全部或部分使用自主系统创作的艺术。

“生成艺术”通常用来指算法艺术(由算法决定的计算机生成艺术作品)。https
://en.wikipedia.org/wiki/Generative_art

当我了解了生成艺术之后,我觉得这或许是一个利用我的编程技能来提升我糟糕的审美能力的机会。

如果您想立即尝试,可以使用交互式在线编辑器。访问https://alpha.editor.p5js.org/,然后将我的代码复制粘贴到页面上的编辑器中,看看会发生什么。


艺术作品

称它们为“艺术品”有点尴尬……但请允许我介绍一下它们,并讲述我的经历。

“干扰物”

这是我的第一幅生成艺术作品。它是不是很有数学的味道?

图像

尽管可能有一些不熟悉的功能,但构成图像的是熟悉的 JavaScript 代码,它使用p5.js。

function setup() {
  createCanvas(400, 400);
  background(80)
  noStroke();
  frameRate(6);
}

function draw() {
  for (var i = 0; i < 400; i++) {
    var r = random(0,200);
    stroke(r * 1);
    line(0, i, r, r);
    line(400, i, 50 + r, 100+r);
  } 
}
Enter fullscreen mode Exit fullscreen mode

“黑暗中的光明之路”

光

function setup() {
  createCanvas(720, 400);
  background(80)
  noStroke();
}

function draw() {
  fill(color(random(20),random(200),random(200), 1));   
  bezier(random(500, 550), random(500, 550), 0, 0, 40, 40, 50, 90);
  bezier(random(100, 200), random(100, 350), 0, 0, 40, 40, 50, 90);
}
Enter fullscreen mode Exit fullscreen mode

我知道我上面的作品并不惊艳。但我会继续练习,继续发表作品,争取成为一名优秀的生成艺术创作者。

此外,如果 dev.to 能吸引更多有编程背景的艺术家,我会很高兴!

文章来源:https://dev.to/ohbarye/my-first-step-in-learning-generative-art-3674