Olá, Melissa, no caso do triângulo a instrução (algoritmo) está estruturada assim:

1. Definimos a cor do preenchimento da forma: pincel.fillStyle = 'yellow'; (= sistema, quero um triângulo preenchido com a cor amarela)
2. Chamamos a função que iniciará definição dos limites do triângulo: pincel.beginPath( ); (= sistema, vou começar a te dizer como esse triângulo deve ser)
3. Definimos as três retas que formarão o triângulo (coordenadas):pincel.moveTo(300,200); pincel.lineTo(200,400); pincel.lineTo(400,400); (= sistema, mova o pincel para a coordenada 300, 200 pois é aí que quero começar o desenho; trace uma linha até a coordenada 200, 400; trace outra até a coordenada 400, 400; aí ele sabe que tem que fechar o triângulo voltando ao ponto inicial)
4. Chamamos a função que executará a ação de preencher a forma com a cor definida no início: pincel.fill(); (= agora, sistema, preencha o triângulo com a cor que eu pedi no início)
5. O triângulo é desenhado.

Ou seja, na primeira instrução você define a cor ("tira o lápis amarelo do estojo e mostra para o sistema"); na segunda, pede para o sistema pegar o lápis amarelo e preencher o triângulo com ele.

Para as outras formas, embora a estrutura seja um pouco diferente, esses passos estão embutidos no algoritmo de maneira que o sistema os reconheça.

Bons estudos!