function drawTextOnFaces() {
// Reset font size (in case it was changed elsewhere, though not in this sketch).
let fontSize = 32;
textSize(fontSize);
// Define how much the glow should spread relative to the font size.
let glowSpreadFactor = fontSize * 0.1;
// Number of layers to draw for the glow, more layers create a smoother glow.
let numGlowLayers = 10;
// Define the position and rotation for each of the 6 cube faces.
// The translations include +1 or -1 to slightly offset the text
// from the cube's surface, preventing z-fighting artifacts.
let faces = [
{ pos: createVector(0, 0, cubeSize / 2 + 1), rot: createVector(0, 0, 0) }, // Front face
{ pos: createVector(0, 0, -cubeSize / 2 - 1), rot: createVector(0, PI, 0) }, // Back face (rotated 180 degrees around Y)
{ pos: createVector(cubeSize / 2 + 1, 0, 0), rot: createVector(0, HALF_PI, 0) }, // Right face (rotated 90 degrees around Y)
{ pos: createVector(-cubeSize / 2 - 1, 0, 0), rot: createVector(0, -HALF_PI, 0) }, // Left face (rotated -90 degrees around Y)
{ pos: createVector(0, -cubeSize / 2 - 1, 0), rot: createVector(HALF_PI, 0, 0) }, // Top face (rotated 90 degrees around X)
{ pos: createVector(0, cubeSize / 2 + 1, 0), rot: createVector(-HALF_PI, 0, 0) } // Bottom face (rotated -90 degrees around X)
];
for (let face of faces) {
// Save the current transformation state.
push();
// Apply translation and rotation for the current face.
translate(face.pos.x, face.pos.y, face.pos.z);
rotateX(face.rot.x);
rotateY(face.rot.y);
rotateZ(face.rot.z);
// Draw multiple layers for the glowing effect.
// We iterate from numGlowLayers down to 1 to draw the inner glow layers last,
// making them appear on top of outer, more transparent layers.
for (let i = numGlowLayers; i > 0; i--) {
// Lerp (linearly interpolate) between the start and end glow colors.
let lerpedGlowColor = lerpColor(glowColorStart, glowColorEnd, i / numGlowLayers);
// Map the alpha value for each layer, making inner layers more opaque.
let alpha = map(i, 1, numGlowLayers, 10, glowColorStart.levels[3]);
// Map the spread for each layer, creating a diffused effect.
let spread = map(i, 1, numGlowLayers, 0, glowSpreadFactor);
// Use ADD blend mode to make colors add up, creating a glowing effect.
blendMode(ADD);
// Set the fill color with the lerped glow color and calculated alpha.
fill(lerpedGlowColor.levels[0], lerpedGlowColor.levels[1], lerpedGlowColor.levels[2], alpha);
// Draw the text multiple times with slight offsets for diffusion.
// This creates a softer, more distributed glow.
text(textString, spread, spread);
text(textString, -spread, -spread);
text(textString, spread, -spread);
text(textString, -spread, spread);
}
// Draw the main crisp text on top of the glow layers.
// Reset blend mode to NORMAL to draw the text clearly.
blendMode(NORMAL);
fill(textColor);
text(textString, 0, 0); // Text is centered on the current face (0,0).
// Restore the previous transformation state.
pop();
}
}
