🖊️ Color in print

[Felienne]

Idea from a student, can we also have colors in the output? I guess disconnected from Python/Skulpt we can do that with realitive ease?

[jpelay]

Yes, we totally can, the function that prints to the output is controlled by us, so its just a matter of setting the color. The complicated part would to ideate a way to communicate with this function from Python, but we already call a bit of JavaScript from Python

hedy/static/js/app.ts

Lines 1166 to 1176 in e8460ef

	function addToOutput(text: string, color: string) {
	$('<span>').text(text).css({ color }).appendTo(outputDiv);
	scrollOutputToBottom();
	}
	// output functions are configurable. This one just appends some text
	// to a pre element.
	function outf(text: string) {
	addToOutput(text, 'white');
	speak(text)
	}

[jpelay]

Do you have a command in mind or maybe make the color customizable within the UI?

[Felienne]

I think the kids expectation was that:

color blue
print Hello!

Would print Hello! in blue which I think is a reasonable expectation?

So it was not so much an idea of a kids as a misconception, haha!

[jpelay]

color blue
print Hello!

I think that makes sense! I think a bit of control on the output could be a lot of fun!