Modifier les couleurs

Odyc.js utilise une palette prédéfinie pour dessiner les sprites, les dialogues et les messages du jeu. Vous pouvez la remplacer ou l’ajuster comme vous le souhaitez.

Personnaliser la palette

Voici la palette prédéfinie. Cliquez sur une couleur pour copier son code hexadécimal.

Ces couleurs proviennent de l’excellente palette Open Color.

Vous pouvez remplacer cette palette avec votre propre liste de couleurs :

createGame({
	// ...
	colors: [
		'red',
		'orange',
		'lab(50% 40 59.5)',
		'hwb(12 50% 0%)',
		'#f06595',
		'#f09',
		'oklch(60% 0.15 50)',
		'hsl(150 30% 60%)',
		'light-dark(white, black)',
		'black'
	]
})

colors doit recevoir un tableau de chaînes interprétées comme des couleurs CSS(noms de couleurs, codes hexadécimaux, RGB, HSL, LAB, etc…)

---

Couleur de fond

Utiliser backround pour paramétrer la couleur de fond.

createGame({
	//...
	background: '#ff00ff'
})

background doit recevoir une couleur CSS ou un chiffre correspondant à une couleur de la palette.

---

Apparence des dialogues et des messages

Vous pouvez également personnaliser l’apparence des boîtes de dialogue et de message avec des options supplémentaires.

Boîte de dialogue

• dialogColor → couleur du texte
• dialogBackground → couleur du fond
• dialogBorder → couleur de la bordure

Ces valeurs peuvent être une couleur CSS ou un chiffre correspondant à une couleur de la palette.

createGame({
	// ...
	dialogBackground: '#228be6',
	dialogBorder: 3,
	dialogColor: 'white'
})

Boîte de message

• messageColor → couleur du texte
• messageBackground → couleur du fond

Ces valeurs peuvent être une couleur CSS ou un chiffre correspondant à une couleur de la palette.

createGame({
	//...
	messageColor: 'red',
	messageBackground: '#228be6'
})