206 lines
5.1 KiB
JavaScript
206 lines
5.1 KiB
JavaScript
// const canvas = document.getElementById('canvas');
|
|
// const ctx = canvas.getContext('2d');
|
|
//
|
|
// let width = 500,
|
|
// height = 800;
|
|
//
|
|
// const rectSize = width / 7,
|
|
// ballRadius = 12,
|
|
// powerUpRadius = 15,
|
|
// ballVelocity = 15,
|
|
// frameRate = 60;
|
|
//
|
|
// const sounds = {
|
|
// };
|
|
//
|
|
// let roundNumber = 0;
|
|
//
|
|
// const rects = [];
|
|
// const powerUps = [];
|
|
// let balls = [];
|
|
// let ballCount = 1;
|
|
// let remainingBalls;
|
|
// let newBalls = 0;
|
|
// let originX;
|
|
// let newOriginX = 250;
|
|
// const originY = 9 * rectSize;
|
|
// let isMoving = false;
|
|
//
|
|
// let coinAngle = 0;
|
|
//
|
|
// let mousePos = null;
|
|
//
|
|
// function drawShootingLine() {
|
|
// const dx = mousePos.x - originX;
|
|
// const dy = originY - mousePos.y;
|
|
// let angle = Math.atan(dy / dx);
|
|
// let curX = originX;
|
|
// let curY = originY;
|
|
//
|
|
// if (dx < 0)
|
|
// angle += Math.PI;
|
|
//
|
|
// angle = Math.min(Math.max(angle, 0.05), Math.PI - 0.05);
|
|
//
|
|
// ctx.fillStyle = 'rgba(255, 255, 255, .5)';
|
|
// for (let i = 0; i < 10; i++) {
|
|
// ctx.beginPath();
|
|
// ctx.arc(curX, curY, ballRadius, 0, 2 * Math.PI);
|
|
// ctx.fill();
|
|
//
|
|
// curX += ballRadius * 4 * Math.cos(angle);
|
|
// curY -= ballRadius * 4 * Math.sin(angle);
|
|
// }
|
|
// }
|
|
//
|
|
// function update() {
|
|
// balls.forEach(ball => {
|
|
// ball.update(10);
|
|
// });
|
|
//
|
|
// coinAngle += .05;
|
|
//
|
|
// requestAnimationFrame(update);
|
|
// }
|
|
//
|
|
// function draw() {
|
|
// ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
//
|
|
// ctx.fillStyle = 'rgba(0,0,0,.15)';
|
|
// ctx.fillRect(0, originY + ballRadius, width, height - originX - ballRadius);
|
|
//
|
|
// rects.forEach(rect => rect.draw());
|
|
//
|
|
// powerUps.forEach(powerUp => powerUp.draw());
|
|
//
|
|
// if (originX !== null) {
|
|
// if (!isMoving && mousePos !== null) {
|
|
// drawShootingLine();
|
|
// }
|
|
//
|
|
// ctx.fillStyle = '#fff';
|
|
// ctx.beginPath();
|
|
// ctx.arc(originX, originY, ballRadius, 0, 2 * Math.PI);
|
|
// ctx.fill();
|
|
//
|
|
// if (remainingBalls > 0) {
|
|
// ctx.fillText(`${remainingBalls}x`, originX, originY + 50);
|
|
// } else {
|
|
// originX = null;
|
|
// }
|
|
// }
|
|
// if(newOriginX !== null) {
|
|
// ctx.fillStyle = '#fff';
|
|
// ctx.beginPath();
|
|
// ctx.arc(newOriginX, originY, ballRadius, 0, 2 * Math.PI);
|
|
// ctx.fill();
|
|
// }
|
|
//
|
|
// balls.forEach(ball => {
|
|
// ball.draw();
|
|
// });
|
|
//
|
|
// requestAnimationFrame(draw);
|
|
// }
|
|
//
|
|
// onRoundEnd();
|
|
// update();
|
|
// draw();
|
|
//
|
|
// canvas.addEventListener('mousemove', (e) => {
|
|
// mousePos = cbRelMousePos(e);
|
|
// });
|
|
//
|
|
// canvas.addEventListener('click', (e) => {
|
|
// mousePos = cbRelMousePos(e);
|
|
// shoot();
|
|
// });
|
|
//
|
|
// async function shoot() {
|
|
// if (isMoving)
|
|
// return;
|
|
//
|
|
// if (mousePos.y >= originY)
|
|
// return;
|
|
//
|
|
// isMoving = true;
|
|
// const dx = mousePos.x - originX,
|
|
// dy = originY - mousePos.y;
|
|
// let dir = Math.atan(dy / dx);
|
|
// if (dx < 0) {
|
|
// dir += Math.PI;
|
|
// }
|
|
//
|
|
// dir = Math.min(Math.max(dir, 0.05), Math.PI - 0.05);
|
|
//
|
|
// for (let i = 0; i < ballCount; i++) {
|
|
// balls.push(new Ball(originX, originY, ballVelocity, dir));
|
|
// remainingBalls--;
|
|
// await sleep(100);
|
|
// }
|
|
// }
|
|
//
|
|
// function onRoundEnd() {
|
|
// isMoving = false;
|
|
// roundNumber++;
|
|
// ballCount += newBalls;
|
|
// newBalls = 0;
|
|
// remainingBalls = ballCount;
|
|
// originX = newOriginX;
|
|
// newOriginX = null;
|
|
//
|
|
// rects.forEach(rect => {
|
|
// moveObject(rect, 0, rectSize, 500);
|
|
//
|
|
// if(rect.y + 2 * rectSize >= originY) {
|
|
// gameOver();
|
|
// }
|
|
// });
|
|
//
|
|
// powerUps.forEach(powerUp => {
|
|
// moveObject(powerUp, 0, rectSize, 500);
|
|
//
|
|
// if(powerUp.cy + rectSize >= originY) {
|
|
// setTimeout(() => {
|
|
// powerUp.remove();
|
|
// }, 500);
|
|
// }
|
|
// });
|
|
//
|
|
// const cols = width / rectSize;
|
|
// const spawnBall = Math.random() < .5;
|
|
// const ballPos = spawnBall ? Math.round(Math.random() * (width / rectSize - 1)) : null;
|
|
// const spawnCoin = Math.random() < .33;
|
|
// const coinPos = spawnCoin ? Math.round(Math.random() * (width / rectSize - 1)) : null;
|
|
// for (let i = 0; i < cols; i++) {
|
|
// if (spawnBall && i === ballPos) {
|
|
// const powerUp = new PowerUpBall((i + .5) * rectSize, .5 * rectSize);
|
|
// powerUps.push(powerUp);
|
|
//
|
|
// moveObject(powerUp, 0, rectSize, 500);
|
|
// } else if (spawnCoin && i === coinPos) {
|
|
// const powerUp = new PowerUpCoin((i + .5) * rectSize, .5 * rectSize);
|
|
// powerUps.push(powerUp);
|
|
//
|
|
// moveObject(powerUp, 0, rectSize, 500);
|
|
// } else {
|
|
// if (Math.random() < .6) {
|
|
// const number = Math.random() < .5 ? roundNumber : 2 * roundNumber;
|
|
// const rect = new Rect(i * rectSize, 0, number);
|
|
// rects.push(rect);
|
|
//
|
|
// moveObject(rect, 0, rectSize, 500);
|
|
// }
|
|
// }
|
|
// }
|
|
//
|
|
// sounds.roundOver.play();
|
|
// }
|
|
//
|
|
//
|
|
// function gameOver() {
|
|
// }
|
|
//
|
|
//
|
|
|