Tentei colocar esse código criado no P5.js na ferramenta do Code Pen na aba do javascript porem não dá nenhum resultado. Seria por que o P5 tem a sua própria semântica e isso faz com que eu tenha que usar o Css e o Html nessa criação?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Tentei colocar esse código criado no P5.js na ferramenta do Code Pen na aba do javascript porem não dá nenhum resultado. Seria por que o P5 tem a sua própria semântica e isso faz com que eu tenha que usar o Css e o Html nessa criação?
Olá, Pedro! Como vai você?
Sua dúvida é muito pertinente e não aparece nada no seu codepen porque o p5.js é uma biblioteca JavaScript. Essa biblioteca foi pensada para educadores, artistas e iniciantes em programação. A ideia é facilitar a escrita de código durante a elaboração da lógica e deixar também o html e css "pré-prontos" para o uso com os métodos e funções. Dessa forma, se você não tiver a biblioteca integrada ao codepen, o interpretador não conseguirá compreender as funções pré-prontas como a draw() ou preload(), por exemplo.
Vou deixar aqui dois links para você conhecer de forma mais profunda o que é a biblioteca do p5.js e o que é uma biblioteca:
Espero ter ajudado você com as informações!
Em caso de dúvida, fico à disposição!
Um forte abraço e bons estudos!