112 lines
3.7 KiB
JavaScript
112 lines
3.7 KiB
JavaScript
import { StartScene } from './StartScene.js';
|
|
import { GameScene } from './GameScene.js';
|
|
|
|
export let mgr;
|
|
const gameParent = document.getElementById('gameFrame');
|
|
const startButton = document.getElementById('startButton');
|
|
export let startPageAni, robotVacuum, gameBackground;
|
|
export const imageAssets = {};
|
|
export const catImages = {};
|
|
export const catAnimation = {};
|
|
export const mouseAnimation = {};
|
|
export let selectedCatType = null;
|
|
|
|
function preload() {
|
|
startPageAni = loadAni('assets/start_page_ani.png', {
|
|
width: 1440, height: 1024, frames: 5
|
|
});
|
|
startPageAni.frameDelay = 10;
|
|
robotVacuum = loadImage('assets/robot_vacuum.png');
|
|
gameBackground = loadImage('assets/gamebg3.png');
|
|
|
|
imageAssets.cheese = loadImage('assets/cheese.png');
|
|
imageAssets.yarn = loadImage('assets/yarn.png');
|
|
imageAssets.snowball = loadImage('assets/snowball.png');
|
|
imageAssets.robotVacuum = loadImage('assets/robot_vacuum.png');
|
|
imageAssets.gameBackground = loadImage('assets/gamebg3.png');
|
|
imageAssets.mouse = loadImage('assets/mouse.png');
|
|
imageAssets.redExplosion = loadImage('assets/red_explosion.png');
|
|
imageAssets.grayExplosion = loadImage('assets/gray_explosion.png');
|
|
|
|
catImages.chefCat = loadImage('assets/chef_cat_icon.png');
|
|
catImages.singleYarnCat = loadImage('assets/single_yarn_cat_icon.png');
|
|
catImages.doubleYarnCat = loadImage('assets/double_yarn_cat_icon.png');
|
|
catImages.sleepyCat = loadImage('assets/sleepy_cat_icon.png');
|
|
catImages.iceCat = loadImage('assets/ice_cat_icon.png');
|
|
|
|
catAnimation.chefCat = loadImage('assets/chef_cat_ani.png');
|
|
catAnimation.singleYarnCat = loadImage('assets/single_yarn_cat_ani.png');
|
|
catAnimation.doubleYarnCat = loadImage('assets/double_yarn_cat_ani.png');
|
|
catAnimation.sleepyCat = loadImage('assets/sleepy_cat_ani.png');
|
|
catAnimation.iceCat = loadImage('assets/ice_cat_ani.png');
|
|
|
|
mouseAnimation.basicMouse = loadImage('assets/mouse/basic_mouse_ani.png');
|
|
mouseAnimation.helmetMouse = loadImage('assets/mouse/helmet_mouse_ani.png');
|
|
mouseAnimation.sportyMouse = loadImage('assets/mouse/sporty_mouse_ani.png');
|
|
mouseAnimation.bossMouse = loadImage('assets/mouse/boss_mouse_ani.png');
|
|
}
|
|
|
|
function setup() {
|
|
const {width, height} = gameParent.getBoundingClientRect();
|
|
|
|
const canvas = createCanvas(width, height);
|
|
canvas.parent(gameParent);
|
|
mgr = new SceneManager();
|
|
|
|
mgr.addScene(StartScene);
|
|
mgr.addScene(GameScene);
|
|
// mgr.addScene(PauseScene);
|
|
|
|
mgr.showScene(GameScene);
|
|
}
|
|
|
|
function draw() {
|
|
mgr.draw();
|
|
}
|
|
|
|
function mousePressed() {
|
|
mgr.handleEvent("mousePressed");
|
|
}
|
|
|
|
export function resetCatType() {
|
|
console.log(`reset is called`)
|
|
selectedCatType = null;
|
|
document.querySelectorAll('.catButton').forEach(button =>
|
|
button.classList.remove('activeButton')
|
|
);
|
|
}
|
|
|
|
startButton.addEventListener('click', function (event) {
|
|
event.preventDefault();
|
|
mgr.showScene(GameScene);
|
|
});
|
|
|
|
menuButton.addEventListener('click', function (event) {
|
|
event.preventDefault();
|
|
mgr.showScene(StartScene);
|
|
});
|
|
|
|
document.querySelectorAll('.catButton').forEach(button => {
|
|
button.addEventListener('click', () => {
|
|
if (selectedCatType === button.id) {
|
|
selectedCatType = null;
|
|
button.classList.remove('activeButton');
|
|
}
|
|
else {
|
|
selectedCatType = button.id;
|
|
document.querySelectorAll('.catButton').forEach(btn =>
|
|
btn.classList.remove('activeButton')
|
|
);
|
|
button.classList.add('activeButton');
|
|
}
|
|
console.log('Selected cat type:', selectedCatType);
|
|
});
|
|
});
|
|
|
|
|
|
|
|
window.preload = preload;
|
|
window.setup = setup;
|
|
window.draw = draw;
|
|
window.mousePressed = mousePressed;
|