It’s a laser sim. There is a static laser emitter, and movable mirrors.'s game

Click here for free DL of the app version that can save data.

No:52368

143

←

Prev Next

→

It’s a laser sim. There is a static laser emitter,..ALL
Developer User21871｜Date and time 24/3/21 6:50:18
Build time 7.174 sec｜Game capacity 1.419KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laser Simulator Game</title>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

const laserEmitterX = 50;
const laserEmitterY = 200;
let mirrorX = 200;
let mirrorY = 200;
let mirrorAngle = 0;

function drawLaserEmitter() {
    ctx.fillStyle = 'red';
    ctx.fillRect(laserEmitterX, laserEmitterY, 10, 10);
}

function drawMirror() {
    ctx.save();
    ctx.translate(mirrorX, mirrorY);
    ctx.rotate(mirrorAngle);
    ctx.fillStyle = 'blue';
    ctx.fillRect(-5, -20, 10, 40);
    ctx.restore();
}

function drawLaser() {
    ctx.beginPath();
    ctx.moveTo(laserEmitterX + 10, laserEmitterY + 5);
    ctx.lineTo(mirrorX, mirrorY);
    ctx.strokeStyle = 'red';
    ctx.lineWidth = 2;
    ctx.stroke();
}

function update() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawLaserEmitter();
    drawMirror();
    drawLaser();
}

canvas.addEventListener('click', (event) => {
    mirrorX = event.offsetX;
    mirrorY = event.offsetY;
    mirrorAngle = Math.atan2(laserEmitterY - mirrorY, laserEmitterX - mirrorX);
});

setInterval(update, 1000 / 60);
</script>
</body>
</html>
```