Im having trouble making the background of the letter “A” transparent. you can see the letter “C” doesnt have this issue.
here an image displaying this.
enter image description here
here is my code: (ignore the portuguese)
let f;
function preload() {
f = loadFont('assets/Inter-Bold.ttf')
}
function setup() {
createCanvas(windowWidth, windowHeight, WEBGL); // criando o canvas 3D
fontsize = 800;
textAlign(CENTER, CENTER)
textFont(f)
textSize(fontsize);
}
function draw() {
background(255); // cor de fundo cinza claro
rotateY(mouseX * 0.01); // rotação ao redor do eixo Y (opcional)
// Primeiro plano 3D centralizado na página
push(); // salvar a matriz de transformação atual
translate(0, 0, 0);
background(0,0);
fill(0)
text("A", 0, 0)
// plane(500); // desenhar um plano de tamanho 300x300
pop(); // restaurar a matriz de transformação anterior
//------Segundo plano 3D cruzando o primeiro plano em 90 graus-------
push(); // salvar a matriz de transformação atual
translate(0, 0, 0); // mover para a direita e para cima
rotateY(PI / 2); // rotacionar 90 graus em torno do eixo Y
fill(0)
I dont know how to move on, Im an amateur to this also.