问题标签 [generative-art]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
20 浏览

javascript - 在图案循环中从圆形路径混合到六边形路径

我在 Instagram 上看到了这个生成艺术的例子,我试着做类似的事情。

这是我在 Instagram 上看到的生成艺术: https ://www.instagram.com/p/CL4l7h1H_eW/

这是我在 Codesandbox 上的版本:(我尽力让它工作) https://codesandbox.io/s/art-i5w9c

我快到了,但据我所见,我的版本和 instagram 上的版本之间的区别在于,instagram 上的版本是从圆形路径混合到六边形路径,这意味着六边形在内部变得更加圆润整个圈子。我认为是什么让 instagram 版本看起来更流畅。

你们能帮我实现与 Instagram 上相同的结果吗?

看看我在代码沙盒上做了什么:https ://codesandbox.io/s/art-i5w9c

谢谢你。

0 投票
1 回答
186 浏览

flutter - Flutter:如何使用 CustomPainter 创建生成动画

我已经使用 Flutter 的 CustomPainter 类来创建使用路径的生成静止图像(参见下面的代码)。我希望能够无限期地为这些图像制作动画。最直接的方法是什么?

0 投票
1 回答
113 浏览

r - R 生成艺术包图像分辨率

我正在试验 R 的 generationart 包。关于包的信息可以在这里找到。

我正在寻找一些图像以用作设计练习的背景图像。但是,我正在努力将图像导出为质量足够高或设置特定尺寸的分辨率。显然,有一些随机性,这就是目的。但是,由于我打算将其用于幻灯片和其他元素的标题,因此我希望至少对正在生成的图像质量/尺寸进行某种控制。

我正在使用示例代码 - 首先 - 没有这个概念。

这部分没有记录,我不确定它是否可能。将不胜感激有关如何使这项工作的任何反馈。

亲切的问候,

编辑 - 在收到包创建者的反馈后,我修改了代码。但是,我没有得到想要的结果,所以我认为我做错了什么。

代码更新如下:

在分辨率方面没有看到任何重大差异,所以我认为我做错了什么。

亲切的问候,

0 投票
1 回答
103 浏览

grid - p5.j​​s中嵌套for循环的重复方形/角螺旋?

我正在尝试用角螺旋制作网格。螺旋本身由 for 循环中的单行组成。当我沿一个轴(x 或 y)复制和移动(平移)螺旋的原点时,它会起作用。但是沿着 (x AND y) 移动,为了使它成为一个网格,如果不分解螺旋,它就不会起作用。

如果有人能帮助我解决我的编码难题,我将不胜感激。顺便说一句,我对任何提示都非常开放,并有助于提高我的代码编写技巧。那里肯定有很多冗余和冗长的表达......这是我到目前为止的代码:

多美啊 是的,你猜对了——我是编码行业的新手;)

0 投票
1 回答
91 浏览

python - 如何让 svgwrite.drawing() 对象在每次迭代时重新初始化?

我是一名艺术家,在非常早期的学习阶段尝试一些生成艺术。我有一些代码可以在第一次迭代中执行预期的操作,它会生成一个由几十个堆叠的圆圈组成的小 svg 文件,比如年轮:

问题是,在任何后续迭代中,它都会做两件事之一。使用 dwg = ... 在第一个位置,我得到 3 个文件都是相同的图像,与第一次运行没有不同的随机化。在位置二,我得到第一个文件就好了,然后后面的文件是空白的。

我怀疑我需要找到一种方法来从 svgwrite.Drawing() 重新初始化类似文件的对象“svgobject”,但我已经或多或少地将它放在每个可能的位置,在每个循环中,并且情况一或二是我得到的一切。

那么如何让它以生成 svg 文件的方式进行迭代,将其写入唯一的文件名,清除我的容器/文件对象'svgobject',然后迭代 n_circle 次?

谢谢!

0 投票
2 回答
334 浏览

image-processing - 如何使用 p5.js 获取图像中像素的颜色并将其用作填充颜色?

我正在学习 p5.js。每次我移动鼠标时,我都尝试使用以下代码绘制一个圆圈,填充颜色会根据图像的颜色而变化。

但它似乎从画布中获取颜色,而不是从图像中获取颜色。正因为如此,如果你没有足够快地移动鼠标,颜色根本不会改变,即使你这样做了,颜色的数量也会受到很多限制,换句话说,这不是我想要的。

如果我将loadImage()零件放在绘图函数中,我可以得到正确的颜色,但是一次只能看到一个圆圈。

可能我应该将图像的每个像素存储在数组中并从数组中获取值,而不使用get()?可能吗?

我想我错过了一些简单的东西,请帮忙。

0 投票
0 回答
46 浏览

generative-adversarial-network - Stylegan2-Ada 风格混合网格

我刚刚训练了一个 stylegan2-ada 模型,我在解释风格混合网格的结果时遇到了一些麻烦。当我创建网格时,列中的所有图像都保持不变,并且不会将特征与行中的图像混合。我相信这可能是模式崩溃的迹象,或者潜在的 W 空间存在问题,但我正在努力寻找可以帮助我理解为什么会遇到这个问题的资源。如果有人能指出我正确的方向或提供一些资源来说明为什么人们会从 StyleGan2 模型中接收到这个输出,那将非常感激。我附上了下面的输出图像:

在此处输入图像描述

0 投票
1 回答
54 浏览

processing - 我的代码在处理中有问题

我用codepen写了我的代码,然后我把它处理了,现在有很多错误。在 codepen 中没问题,但在处理过程中发生了一些事情。这是我第一次使用处理,所以语言参考有点不同。有人可以让我朝着正确的方向前进吗?

0 投票
0 回答
12 浏览

processing - 无法从处理中获得可用的 gif 输出

所以我试图使用处理来制作 GIFS,而我使用的示例代码运行得很好。但我无法在任何地方打开输出 gif(在照片应用程序上尝试过,不和谐)

不确定是什么问题 :?
这是代码的 gifmaker 部分的最后。也许问题可能与我从中获得它的 animateGif 库有关,或者只是我试图查看它的方式愚蠢?

gifAnimation 库: https ://github.com/extrapixel/gif-animation/tree/3.0#void-loop

示例代码处理的构建输出

当我尝试在 Windows PHOTOS 上打开输出 GIF

0 投票
0 回答
39 浏览

python - 沿弧上的随机位置生成圆

我试图让这个随机生成的太阳系代码沿轨道弧随机显示“行星”。我正在努力在这里找到/使用正确的公式(参见图片以了解现在的样子)。

draw_orbit(cr, 4, width/2, sun_center, height - next_center - border_size, .6, .6, .6)是轨道弧的代码,为弧height - next_center - border_size的半径。

圆圈上的当前点数组......但公式是错误的,我似乎无法理解:

目前关于如何获得随机 x, y 放置坐标的想法:

轨道功能:

我正在尝试沿弧线随机生成行星,但目前它们都在同一位置:

在此处输入图像描述