问题标签 [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.
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
谢谢你。
flutter - Flutter:如何使用 CustomPainter 创建生成动画
我已经使用 Flutter 的 CustomPainter 类来创建使用路径的生成静止图像(参见下面的代码)。我希望能够无限期地为这些图像制作动画。最直接的方法是什么?
r - R 生成艺术包图像分辨率
我正在试验 R 的 generationart 包。关于包的信息可以在这里找到。
我正在寻找一些图像以用作设计练习的背景图像。但是,我正在努力将图像导出为质量足够高或设置特定尺寸的分辨率。显然,有一些随机性,这就是目的。但是,由于我打算将其用于幻灯片和其他元素的标题,因此我希望至少对正在生成的图像质量/尺寸进行某种控制。
我正在使用示例代码 - 首先 - 没有这个概念。
这部分没有记录,我不确定它是否可能。将不胜感激有关如何使这项工作的任何反馈。
亲切的问候,
编辑 - 在收到包创建者的反馈后,我修改了代码。但是,我没有得到想要的结果,所以我认为我做错了什么。
代码更新如下:
在分辨率方面没有看到任何重大差异,所以我认为我做错了什么。
亲切的问候,
grid - p5.js中嵌套for循环的重复方形/角螺旋?
我正在尝试用角螺旋制作网格。螺旋本身由 for 循环中的单行组成。当我沿一个轴(x 或 y)复制和移动(平移)螺旋的原点时,它会起作用。但是沿着 (x AND y) 移动,为了使它成为一个网格,如果不分解螺旋,它就不会起作用。
如果有人能帮助我解决我的编码难题,我将不胜感激。顺便说一句,我对任何提示都非常开放,并有助于提高我的代码编写技巧。那里肯定有很多冗余和冗长的表达......这是我到目前为止的代码:
多美啊 是的,你猜对了——我是编码行业的新手;)
python - 如何让 svgwrite.drawing() 对象在每次迭代时重新初始化?
我是一名艺术家,在非常早期的学习阶段尝试一些生成艺术。我有一些代码可以在第一次迭代中执行预期的操作,它会生成一个由几十个堆叠的圆圈组成的小 svg 文件,比如年轮:
问题是,在任何后续迭代中,它都会做两件事之一。使用 dwg = ... 在第一个位置,我得到 3 个文件都是相同的图像,与第一次运行没有不同的随机化。在位置二,我得到第一个文件就好了,然后后面的文件是空白的。
我怀疑我需要找到一种方法来从 svgwrite.Drawing() 重新初始化类似文件的对象“svgobject”,但我已经或多或少地将它放在每个可能的位置,在每个循环中,并且情况一或二是我得到的一切。
那么如何让它以生成 svg 文件的方式进行迭代,将其写入唯一的文件名,清除我的容器/文件对象'svgobject',然后迭代 n_circle 次?
谢谢!
image-processing - 如何使用 p5.js 获取图像中像素的颜色并将其用作填充颜色?
我正在学习 p5.js。每次我移动鼠标时,我都尝试使用以下代码绘制一个圆圈,填充颜色会根据图像的颜色而变化。
但它似乎从画布中获取颜色,而不是从图像中获取颜色。正因为如此,如果你没有足够快地移动鼠标,颜色根本不会改变,即使你这样做了,颜色的数量也会受到很多限制,换句话说,这不是我想要的。
如果我将loadImage()
零件放在绘图函数中,我可以得到正确的颜色,但是一次只能看到一个圆圈。
可能我应该将图像的每个像素存储在数组中并从数组中获取值,而不使用get()
?可能吗?
我想我错过了一些简单的东西,请帮忙。
processing - 我的代码在处理中有问题
我用codepen写了我的代码,然后我把它处理了,现在有很多错误。在 codepen 中没问题,但在处理过程中发生了一些事情。这是我第一次使用处理,所以语言参考有点不同。有人可以让我朝着正确的方向前进吗?
processing - 无法从处理中获得可用的 gif 输出
所以我试图使用处理来制作 GIFS,而我使用的示例代码运行得很好。但我无法在任何地方打开输出 gif(在照片应用程序上尝试过,不和谐)
不确定是什么问题 :?
这是代码的 gifmaker 部分的最后。也许问题可能与我从中获得它的 animateGif 库有关,或者只是我试图查看它的方式愚蠢?
gifAnimation 库: https ://github.com/extrapixel/gif-animation/tree/3.0#void-loop