# Monet Art loop issue
**URL:** https://discourse.processing.org/t/monet-art-loop-issue/38089
**Category:** Coding Questions
**Created:** [July 25, 2022, 7:24am UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089 "2022-07-25T07:24:34Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@druchtie](https://discourse.processing.org/u/druchtie)
#### Post date: [July 25, 2022, 7:24am UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/1 "2022-07-25T07:24:34Z")
Hi, I have been watching some tutorials this weekend and came across a tutorial that I started to tweak to create some Monet-like artworks from my pictures. The only problem is that it has some strange behavior on the right side of the image (long lines), and Iβm not sure what is causing it. I guess they are the last pixels of every column.
Does anyone have an idea how I could change my code not to get this effect?
I created a Sandbox for the project:
> **[Monet - CodeSandbox](https://codesandbox.io/s/monet-iud0lm?file=%2Fsketch.js)**
>
> Monet by DannyRuchtie
Code:
```auto
let img;
let cnv;
function preload() {
img = [
"/assets/temp-1.jpeg",
"/assets/temp-2.jpeg",
"/assets/temp-3.jpeg",
"/assets/temp-4.jpeg",
"/assets/temp-5.jpeg",
"/assets/temp-6.jpeg",
"/assets/temp-7.jpeg",
"/assets/temp-8.jpeg",
"/assets/temp-9.jpeg",
"/assets/temp-11.jpeg",
"/assets/temp-13.jpeg"
];
var pos = floor(random(img.length));
img = loadImage(img[pos]);
}
function setup() {
// img.resize(img.width, img.height);
cnv = createCanvas(img.width, img.height);
let newCanvasX = (windowWidth - img.width) / 2;
let newCanvasy = (windowHeight - img.height) / 2;
cnv.position(newCanvasX, newCanvasy);
for (let col = 0; col < img.width; col += 1) {
for (let row = 0; row < img.height; row += 1) {
let xPos = col;
let yPos = row;
let c = img.get(xPos, yPos);
push();
translate(xPos, yPos);
rotate(radians(random(90, 360)));
noFill();
stroke(color(c));
strokeWeight(random(1, 3));
curve(
xPos,
yPos,
sin(xPos) * random(4, 10),
cos(xPos) * sin(xPos) * random(2, 10),
random(10),
random(2, 10),
cos(yPos) * sin(yPos) * random(2, 3),
cos(xPos) * sin(xPos) * 2
);
pop();
}
}
}
```
---
### Author:  [@druchtie](https://discourse.processing.org/u/druchtie)
#### Post date: [July 25, 2022, 9:20am UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/2 "2022-07-25T09:20:09Z")
I added an additional test image to verify that itβs only happening on the last row of pixels but not sure why.
---
### Author:  [@javagar](https://discourse.processing.org/u/javagar)
#### Post date: [July 25, 2022, 10:37am UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/3 "2022-07-25T10:37:47Z")
Hello, @druchtie, and welcome to the Processing Foundation Forum!
What is the purpose of this line in the `setup()` function?
```auto
img.resize(img.width, img.height);
```
By the way, Monet is one of my favorite artists! π
---
### Author:  [@druchtie](https://discourse.processing.org/u/druchtie)
#### Post date: [July 25, 2022, 11:13am UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/4 "2022-07-25T11:13:56Z")
Hi @javagar good questions.
I was playing around with reducing the image size for performance but I forgot to delete it.
---
### Author:  [@mnse](https://discourse.processing.org/u/mnse)
#### Post date: [July 25, 2022, 12:07pm UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/5 "2022-07-25T12:07:46Z")
Hi @druchtie,
slow but nice. π
Guess you want this β¦
Cheers
β mnse
```auto
curve(
0, // already on xPos by translate above
0, // already on yPos by translate above
sin(xPos) * random(4, 10),
cos(xPos) * sin(xPos) * random(2, 10),
random(1, 10),
random(2, 10),
cos(yPos) * sin(yPos) * random(2, 3),
cos(xPos) * sin(xPos) * 2
);
```
---
### Author:  [@druchtie](https://discourse.processing.org/u/druchtie)
#### Post date: [July 25, 2022, 12:23pm UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/6 "2022-07-25T12:23:13Z")
That was it! Thank you so much @mnse.
Unfortunately itβs a bit slow, but it does the trick!
I guess there is no other way to speed things up in JS?
---
### Author:  [@mnse](https://discourse.processing.org/u/mnse)
#### Post date: [July 25, 2022, 1:10pm UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/7 "2022-07-25T13:10:49Z")
Hi @druchtie,
maybe you can try out this in your setup. Should be speed up things, at least a bit β¦
Cheers
β mnse
```auto
function setup() {
cnv = createCanvas(img.width, img.height);
let newCanvasX = (windowWidth - img.width) / 2;
let newCanvasy = (windowHeight - img.height) / 2;
cnv.position(newCanvasX, newCanvasy);
img.loadPixels();
for (let idx = 0,pidx = 0; idx < img.width * img.height; idx++,pidx+=4) {
let xPos = floor(idx % img.width);
let yPos = floor(idx / img.width);
push();
translate(xPos, yPos);
rotate(radians(random(90, 360)));
noFill();
stroke(color(img.pixels[pidx],img.pixels[pidx + 1], img.pixels[pidx + 2], img.pixels[pidx + 3]));
strokeWeight(random(1, 3));
curve(
0,
0,
sin(xPos) * random(4, 10),
cos(xPos) * sin(xPos) * random(2, 10),
random(10),
random(2, 10),
cos(yPos) * sin(yPos) * random(2, 3),
cos(xPos) * sin(xPos) * 2
);
pop();
}
}
```
EDIT: just added alpha channel for the sake of completeness.
---
### Author:  [@javagar](https://discourse.processing.org/u/javagar)
#### Post date: [July 25, 2022, 5:45pm UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/8 "2022-07-25T17:45:35Z")
Nice work, @druchtie and @mnse!
> [@druchtie](#):
>
> β¦ came across a tutorial that I started to tweak to create some Monet-like artworks β¦
Could we have a link to that tutorial?
Thanks! π
---
### Author:  [@druchtie](https://discourse.processing.org/u/druchtie)
#### Post date: [July 25, 2022, 6:15pm UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/9 "2022-07-25T18:15:45Z")
@javagar this is the tutorial I followed: [https://youtu.be/me04ZrTJqWA](https://youtu.be/me04ZrTJqWA)
---
### Author:  [@javagar](https://discourse.processing.org/u/javagar)
#### Post date: [July 25, 2022, 6:56pm UTC](https://discourse.processing.org/t/monet-art-loop-issue/38089/10 "2022-07-25T18:56:30Z")
Thanks for the link!
π