Maison > interface Web > tutoriel CSS > Comment rendre un arrière-plan Three.js transparent ou de couleur personnalisée ?

Comment rendre un arrière-plan Three.js transparent ou de couleur personnalisée ?

Patricia Arquette
Libérer: 2024-12-05 17:28:11
original
542 Les gens l'ont consulté

How to Make a Three.js Background Transparent or Custom-Colored?

Arrière-plan transparent ou personnalisé dans Three.js

Q : Comment puis-je modifier la couleur d'arrière-plan noir par défaut de mon canevas Three.js en transparent ou d'une couleur différente ?

R : Ce problème est dû à la couleur du canevas par défaut de JavaScript. Pour le modifier, ajustez le code suivant :

renderer.setClearColorHex(0x000000, 1); // Default black background

// Change it to:
renderer.setClearColorHex(0xffffff, 1); // White background
Copier après la connexion

Updates

  • HdN8 recommande d'utiliser renderer.setClearColor(0xffffff, 0); à la place.
  • WestLangley suggère de créer une instance WebGLRenderer avec alpha: true et d'utiliser setClearColor().
  • Mr.doob introduit une méthode alternative en utilisant scene.background = new THREE.Color(0xff0000); .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal