<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mantra.js Gallery Page - sprite sheets</title>
<script src="https://yantra.gg/mantra.js"></script>
<script src="https://yantra.gg/worlds.mantra.js"></script>
</head>
<body>
<script>
let game = new MANTRA.Game({
graphics: ['css'],
});
async function start () {
let textures = ['tile-block', 'tile-grass'];
await game.start();
game.zoom(2.5);
game.createBorder();
game.setBackground('#000000');
let entities = [];
for (let i = 0; i < 11; i++) {
let randomColor = game.randomColor();
let entity = game.createEntity({
texture: {
sheet: 'loz_spritesheet',
sprite: 'player',
},
size: {
width: 16,
height: 16
},
hasCollisionStart: true,
position: {
x: Math.random() * -game.width / 2,
y: Math.random() * -game.height / 2
}
});
entities.push(entity);
}
window.game = game;</script>
</body>
</html>