dessiner un triangle persistant par image

Question

Je suis très nouveau à webgl et je jouais avec l'exemple de code pour une cession de classe et je ne peux pas sembler trouver un moyen avec ma connaissance limitée de javascript et webgl pour atteindre mon objectif . donc je voulais l'avoir dessiner un triangle aléatoire et le passage à l'image suivante sans effacer le dernier triangle et dessiner un autre triangle dans l'espace de l'écran. Cependant, je ne sais pas comment s'y prendre. J'ai essayé d'exécuter la fonction window.requestAnimeFrame dans la fonction de rendu, ainsi que de commenter la fonction gl.clear afin qu'elle efface le tampon mais ne permette pas aux triangles de persister et aucun nouveau triangle aléatoire n'est créé

merci pour toute aide et suggestions. WebGL efface automatiquement le canevas à chaque image par défaut.

Answer 1

Si vous voulez contenu précédent de la toile pour rester dans toutes les images que vous devez dire WebGL lorsque vous créez le contexte WebGL en passant preserveDrawingBuffer: true comme dans

const gl = someCanvas.getContext("webgl", { preserveDrawingBuffer: true });