Changing font color, uploading video (Image to ASCII)

[ivory mesa]

I am messing around with the Image to ASCII Coding Challenge sketch, in an attempt to use it for a music video I am making.

Here is the sketch: https://editor.p5js.org/codingtrain/sketches/KTVfEcpWx

I was wondering about two things, as I am very new to this.

1. is there a way to change the color of the characters that are being generated?

2. is there a way to run a video file that isn't from a webcam? Like an .mp4 or something.

Thank you so much for your time!! This community is awesome.

[eternal latch]

Yes and yes!

1. For the color change the color in the style.css file.
2. For the video file you can use the createVideo instead of createCapture.

[ivory mesa]

Awsome!! Thank you so much. I am going to try both of those things and I'll be back with any questions

[grizzled arch]

Thank you for this! Any tips/links for "pulling in the colors" from the chosen video? Instead of choosing one color in the css file 🤔 ... I'm new to basically everything, still reading docs lol

[eternal latch]

You can simply change these two lines:

// before
if (c == " ") asciiImage += " ";
else asciiImage += c;

To this single line.

// after
asciiImage += `<span style="color: rgb(${r},${g},${b})">${c}</span>`;