- Debug.js

Accès seulement en development ou en staging

Utilité - Exemple

console.log('Hello 👋')
/// #if DEBUG
console.log('Beesly banger 🔥')
/// #endif

// Console en development ou staging
	- Hello 👋
	- Beesly banger 🔥
// Console en production
	- Hello 👋

Le code se trouvant entre /// #if DEBUG et /// #endif sera présent si DEBUG est actif, sinon il sera tej à la compilation

Tweakpane

Interface d’affichage et de gestion de données pour debugger

Accès

import { getWebgl } from '@webgl/Webgl'

constructor() {
	this.webgl = getWebgl()
	// this.webgl.debug => instance de tweakpane

	/// #if DEBUG
	this.debug()
	/// #endif
}

Group

/// #if DEBUG
debug() {
	this.webgl.debug.setFolder('example');
	const gui = this.webgl.debug.getFolder('example');
}
/// #endif

this.webgl.debug.setFolder('exapmle') va créer un groupe dans lequel on mettra les différents paramètres tweakable

Tabs

Tweakpane offre une gestion d’onglets