使用 JavaScript 探索生成艺术

function setup() {  createcanvas(800, 800); // create an 800x800 pixel canvas  background(255); // white background}function draw() {  noloop(); // prevent the draw function from looping  for (let i = 0; i <p>在这个基本草图中，我们创建一个空白画布，并用随机颜色绘制 100 个圆圈，每个圆圈的位置都是随机的。生成艺术的美妙之处在于结果的可变性。每次运行代码时，圆圈都会出现在不同的位置并具有不同的颜色。</p><h2>      用数学创建模式</h2><p>生成艺术通常将随机性与精确的数学结构结合起来。让我们看一个基于规则形状和循环运动生成几何图案的示例：<br></p><pre class="brush:php;toolbar:false">function setup() {  createcanvas(800, 800);  background(255);  nofill();  stroke(0, 50);}function draw() {  translate(width / 2, height / 2); // move the origin to the center  let radius = 300;  for (let i = 0; i <p>在此示例中，我们使用 cos() 和 sin() 等三角函数以圆形图案围绕画布中心分布 100 个圆。生成艺术中数学的美妙之处在于，您可以使用简单的方程式来创建复杂且令人惊讶的模式。</p><h3>      增加互动性</h3><p>使用 javascript 和 p5.js 的一大优势是您可以轻松地为您的创作添加交互性。以下是图案颜色根据鼠标位置变化的示例：<br></p><pre class="brush:php;toolbar:false">function setup() {  createCanvas(800, 800);}function draw() {  background(255);  let numLines = 50;  let spacing = width / numLines;  for (let i = 0; i <p>在此草图中，线条的颜色根据鼠标位置而变化。交互性是生成艺术的重要组成部分，因为它允许观看者直接影响艺术品。</p><h3>      结论</h3><p>使用 javascript 的生成艺术打开了一个充满创意可能性的世界。使用 p5.js，我们可以将数学方程、随机函数和用户交互转换为动态且令人惊讶的视觉效果。最好的部分是，由于这个环境的灵活性，结果是独特的，并且每次执行总是不同的。</p><p>探索生成艺术是融合编程和创造力的好方法。尝试不同的形状、颜色和图案，看看您能将自己的生成艺术作品推向多远！</p>