Sprites

Like everything else in Odyc.js, sprites are defined directly in code.
They’re described using strings, a bit like ASCII art.

createGame({
	player: {
		sprite: `
			...55...
			...55...
			.000000.
			0.0000.0
			5.0000.5
			..3333..
			..3..3..
			..0..0..
			`
	}
	//...
})

---

🟦 A Simple Colored Block

If you want an element to appear as a plain colored rectangle, just assign a single character that corresponds to a palette color:

sprite: '5'

---

Drawing Sprites

Sometimes it’s easier to draw than to explain. Use the editor below to try out how sprite definitions work. On one side, you can draw; on the other, you’ll see the code string that represents your sprite.

Each line represents a row of pixels, and each character is a pixel:

• Characters 0–9, a–z, A–Z: correspond to entries in your palette (up to 62 colors total)
• Newline: starts a new row
• Spaces, tabs, blank lines: are ignored
• Other characters: represent transparent pixels (e.g. .)

---

Resources

Here are useful resources for generating or browsing sprite ideas:

• Pixeltwist – an infinite stream of random sprites.
• Baxel – a growing, open collection of community-created sprites.
• odyc-cli by Meldiron – a command-line tool for scaffolding Odyc.js projects, converting images to sprites, and streamlining game development workflow.