🔒 Closed Javascript (for loop) changing color from black to yellow

[chad0926]

Hi,

I'm new here and I'm also starting to learn programming from scratch (non-IT grad). Hoping to switch career from teaching to programming.

HELP!

How can I change a 200x200 black image to yellow using Javascript's For Loop? Nalilito kasi ako sa "formula".
Eto ang naisip ko. Black is (0,0,0) while yellow is (255,255,0).

var img = new SimpleImage(200,200);
print(img);

for (var pixel of img.values()){
var newG = 255 - pixel.getGreen();
var newR = 255 - pixel.getRed();
var newB = 0 - pixel.getBlue();
pixel.setGreen(newG);
pixel.setRed(newR);
pixel.setBlue(newB);
}

Thanks for the help!

 

[wolfsrain14]

let r = 255;
let g = 255;
let b = 0;

for (let pixel of img.values()){
pixel.setRed(r);
pixel.setGreen(g);
pixel.setBlue(b);
}

 

[chad0926]

Wolfsrain14, ayaw gumana. Black parin yung image.

 

[chad0926]

Wolfsrain14, ayaw gumana. Black parin yung image.

 

[wolfsrain14]

Pa attach ng library na ginagamit mo para dyan sa SimpleImage.

 

[chad0926]

Pa attach ng library na ginagamit mo para dyan sa SimpleImage.

Sorry pero ano yung library?
Dito kasi ako gumagawa.. You do not have permission to view the full content of this post. Log in or register now.

 

[wolfsrain14]

kita ko na ginamit mo library, try mo to:

let canvas = document.getElementById('myCanvas');

let img = new SimpleImage(200,200);
let r = 255;
let g = 255;
let b = 0;

for (let x = 0; x < 200; x++){
for (let y = 0; y < 200; y++){
img.setRed(x,y,r);
img.setGreen(x,y,g);
img.setBlue(x,y,b);

}
}

img.drawTo(canvas);

 

[chad0926]

kita ko na ginamit mo library, try mo to:

let canvas = document.getElementById('myCanvas');

let img = new SimpleImage(200,200);
let r = 255;
let g = 255;
let b = 0;

for (let x = 0; x < 200; x++){
for (let y = 0; y < 200; y++){
img.setRed(x,y,r);
img.setGreen(x,y,g);
img.setBlue(x,y,b);

}
}

img.drawTo(canvas);

Ayaw pa rin e.
Error:
Identifier 'img' has already been declared

 

[wolfsrain14]

Ayaw pa rin e.
Error:
Identifier 'img' has already been declared

LAST
delete mo lahat ng code dyan sa box bago i paste.


let img = new SimpleImage(200,200);
let r = 255;
let g = 255;
let b = 0;


for (let pixel of img.values()){
pixel.setRed(r);
pixel.setGreen(g);
pixel.setBlue(b);
}

print(img);

 

[chad0926]

LAST
delete mo lahat ng code dyan sa box bago i paste.


let img = new SimpleImage(200,200);
let r = 255;
let g = 255;
let b = 0;


for (let pixel of img.values()){
pixel.setRed(r);
pixel.setGreen(g);
pixel.setBlue(b);
}

print(img);

Sa wakas! Salamat Wolfrain14. Dami ko pa kelangan alamin.