Odyc.js

🎥 La Caméra

La caméra contrôle la portion visible du monde. Vous pouvez ajuster la taille des sprites, la taille de l’écran, ainsi que le comportement du suivi pour obtenir un effet plus fluide ou plus rigide selon vos besoins.


📐 Taille des sprites

Par défaut, les sprites font 8 × 8 pixels, mais vous pouvez ajuster cette taille via les options cellWidth et cellHeight :

createGame({
	cellWidth: 16,
	cellHeight: 32
})

Note

Tous les sprites ont la même taille. Vous pouvez simuler des objets plus grands en combinant plusieurs sprites.

🖥️ Taille de l’écran

La taille de l’écran détermine la portion visible du monde pour le joueur. Elle s’exprime en nombre de cases (et non en pixels) :

createGame({
	screenWidth: 16,
	screenHeight: 12
})

📍 Suivi de la caméra

Par défaut, la caméra se recentre brutalement lorsque le joueur sort de l’écran.

Pour obtenir un suivi fluide, vous pouvez définir une zone centrale invisible (un rectangle autour du joueur). La caméra ne bougera que si le joueur sort de cette zone.

Ces dimensions sont également définies en nombre de cases et non en pixels.

createGame({
	screenWidth: 12,
	screenHeight: 12,
	cameraWidth: 4,
	cameraHeight: 4
})

Attention

Pour activer le suivi fluide, vous devez définir à la fois cameraWidth et cameraHeight.