问题标签 [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 投票
2 回答
829 浏览

javascript - 没有节点画布的生成艺术javascript库?

我正在寻找一个可以在不同服务器上运行的 javascript 库,但不是 node.js(对于 WordPress 网站),能够做到这一点:https ://color-wander.surge.sh/或类似的东西。

0 投票
1 回答
428 浏览

neural-network - 使用神经网络从图像数据集中生成图像

我不是在寻找大量代码作为解决方案,只是我需要实现的模型的名称,或者一些链接会很好。

我的问题是我有一个由几百张 128x128 图像(抽象画)组成的数据集 - 我想简单地使用神经网络生成更多类似于这些图像的图像(最好网络不需要输入,除了可能随机值?),但目前尚不清楚我将如何处理。

我考虑过但尚未尝试过的一种解决方案是制作 LSTM 神经网络,将绘画转换为像素值的 1D 数组,并将数组馈送到网络(LSTM 网络非常擅长学习序列) - 但是如果我想处理更大的图像,这可能不是很实用。

非常感谢任何信息。谢谢!

0 投票
0 回答
536 浏览

python - Pytorch DCGAN 示例不适用于不同的图像尺寸

我正在尝试将此代码用作从我自己的 224x224 图像数据集构建 GAN 的起点。图像大小包含在默认参数中(例如 --imageSize 224)。

这是模型的代码片段:

如果我更改任何默认参数(例如 --imageSize 224),我会收到以下错误:

起初我被告知尝试其他模型,但我也认为尝试解决这个问题会很好。我已经尝试了这个github thread中的解决方案大纲,但它仍然不起作用。我仍在学习如何使用 PyTorch,因此在上述消息之前吐出的网络架构还没有给我太多的直觉。我很感激你能给的任何指示!

0 投票
0 回答
79 浏览

image-processing - 如何准备混合对象 .svg 进行处理?

我正在努力准备一个正确的混合对象 .svg 文件,以便在处理中加载它,就像它在 Illustrator 中的样子一样。我发现我可以成功导出复合路径,所以我尝试将混合对象转换为复合路径,但找不到这样做的方法。为处理准备混合对象 .svg 的正确方法是什么?我想要这样的形状: 在此处输入图像描述

0 投票
1 回答
149 浏览

animation - 如何在 touchdesigner 中从一条线创建两条线?

点击这里查看图片

我正在使用 SOP,然后我渲染它们
对于线条,我使用了一个矩形,然后是一个变换,然后是一个材质来改变它的颜色我还使用了一个带有 NULL 的 LFO 来为 X 轴上的变换设置动画

0 投票
1 回答
329 浏览

canvas - P5.JS:将生成艺术(使用噪声())保存为设备上的图像并在 HTML 上重新上传它们

我正在使用 p5.js 和该noise()函数进行生成艺术。我按照 Daniel Shiffman 的教程进行操作,但他的最终产品总是不断生成,就像一个永恒的动画。

最后,我想将这些自动生成的画布作为图像保存在我的设备上。我想我的想法会有问题,因为这些形状是及时生成的,想要它们作为静止图像会否认它们的生成过程?

更准确地说:不计算我最终将在哪个项目上工作的数据库端(我的猜测是程序应该首先创建这 6 个形状并将它们保存为图像,然后再次将它们上传到 html 页面上),我想要一个 html 页面有 6 个不同的自动生成形状的图像。

我的代码:

0 投票
1 回答
70 浏览

javascript - 当另一个数字上升时,如何降低一个数字?

我从处理中的鼠标 ( ) 位置获取一个值,随着该值变高,我希望以 5 ( )mouseX为步长呈现的框数量减少。rotStep

我做了很多阅读,发现我应该使用的方法称为“负相关”,或者至少我认为是。我从来没有高分数学,所以我在这里几乎一无所知。也许有一个已经存在的功能可以做到这一点。经过大量的谷歌搜索后,我来到这里询问。

尝试将mouseX输入除以自身和其他一些随机总和,但似乎这可能比我预期的要复杂。

我正在尝试进入生成艺术生成,并且可以使用提示来进一步尝试在mouseX值降低时渲染更多框(四边形)。

当变量增加rotStep时,变量应该减少,mouseX反之亦然。变量rotStep也应该以 5 为步长增加或减少。

0 投票
1 回答
58 浏览

html - 如何生成与特定输出相关联的图像?

我正在上我的第一个 CS 课。对于我们的期末考试,我和我的团队想通过创建多个问题/输入来创建一件随机的艺术作品,这些问题/输入带有链接到将全部生成到画布上的特定图像的输出。有没有办法将输出链接到 Javascript 中的图像生成?此外,我们甚至可以将我们正在尝试做的事情称为什么,以便我们可以研究类似的项目以及它们是如何完成的?

0 投票
1 回答
47 浏览

loops - 处理不使用while循环绘制完整的曲线

我正在调查 Processing 提供的关于生成艺术的可能性,我偶然发现了一个问题:

我想使用 while 循环生成多条贝塞尔曲线。但是,该程序会跳过某些曲线的某些部分,而另一些则正确绘制。

这是一个工作示例:

这是输出如您所见,只有少数曲线以完整形状绘制。

此外,当我从循环中绘制一条“断”曲线时,它工作正常。

我会很感激任何帮助。我很高兴通过 Processing 提供的视觉输出来学习编码概念。

0 投票
1 回答
464 浏览

processing - 使用 4D OpenSimplex Noise 而不是 2D Perlin Noise 创建循环噪声的目的是什么?

在学习创建循环生成艺术 GIF 的方法时,我遇到了两种不同的制作噪声循环的方法。

  1. Etienne Jacob 在他的教程中的示例代码使用 4D OpenSimplex Noise,如下所示。

    (float)noise.eval(scl * x, scl * y, R * cos(TWO_PI * t), R * sin(TWO_PI * t));

  2. Daniel Shiffman 在他的教程中的示例代码使用了 2D Perlin Noise,如下所示。

    噪声(cos(a) + 1, sin(a) + 1);

戈兰·莱文的作品

我的理解是,两者都通过在上面 gif 的噪声空间中“绕圈行走”来实现循环。但是我不清楚两者之间的区别。选择 4D OpenSimplex 而不是 2D Perlin Noise 来创建循环噪声的目的是什么?