Changer le fond de three.js en transparent ou autre couleur

Question

J'ai essayé de modifier ce qui semble être la couleur d'arrière-plan par défaut de ma toile, du noir au transparent ou à toute autre couleur, mais sans succès.

Mon HTML :

<canvas id="canvasColor">

Mon CSS :

<style type="text/css">
#canvasColor {
 z-index: 998;
opacity:1;
background: red;
}
</style>

Comme vous pouvez le voir dans l'exemple en ligne suivant, j'ai ajouté une certaine animation au canevas, et je ne peux pas simplement faire une opacité : 0 ; sur l'identifiant.

Prévisualisation en direct : http://devsgs.com/preview/test/particle/

Une idée pour écraser le noir par défaut ?

Answer 1

Définir la couleur claire du moteur de rendu Avec le code suivant renderer.setClearColor( 0x000000, 1 );

Answer 2

J'aimerais également ajouter que si vous utilisez l'éditeur three.js, n'oubliez pas de définir la couleur de fond en clair dans l'index.html.

background-color:#00000000