Moon Space Fly to the moon to make life and make food and cars to earn money's game

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

No:24532

←

Prev Next

→

Moon Space Fly to the moon to make life and make f..ALL
Developer User11638｜Date and time 23/11/9 15:38:48
Build time 97.851 sec｜Game capacity 2.821KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<html>
<head>
<style>
body {
  background-color: #000000;
  margin: 0;
  overflow: hidden;
}

canvas {
  display: block;
}
</style>
</head>
<body>
<script>
// Initialize canvas
const canvas = document.createElement("canvas");
const context = canvas.getContext("2d");
const screenWidth = window.innerWidth;
const screenHeight = window.innerHeight;
canvas.width = screenWidth;
canvas.height = screenHeight;
document.body.appendChild(canvas);

// Game variables
let player = {
  x: screenWidth / 2,
  y: screenHeight / 2,
  speed: 5
};

let materials = {
  life: 0,
  food: 0,
  cars: 0
};

// Load pictograms (optional)
const moonImage = new Image();
moonImage.src = "moon.png";
const lifeImage = new Image();
lifeImage.src = "life.png";
const foodImage = new Image();
foodImage.src = "food.png";
const carsImage = new Image();
carsImage.src = "cars.png";

// Game loop
function gameLoop() {
  clearCanvas();
  movePlayer();
  drawPlayer();
  drawMaterials();

requestAnimationFrame(gameLoop);
}

// Clear the canvas
function clearCanvas() {
  context.clearRect(0, 0, screenWidth, screenHeight);
}

// Move the player based on user input (smartphone operation not implemented)
function movePlayer() {
  if (ArrowUpPressed() && player.y > 0) {
    player.y -= player.speed;
  }
  if (ArrowDownPressed() && player.y < screenHeight) {
    player.y += player.speed;
  }
  if (ArrowLeftPressed() && player.x > 0) {
    player.x -= player.speed;
  }
  if (ArrowRightPressed() && player.x < screenWidth) {
    player.x += player.speed;
  }
}

// Check if arrow up key is pressed
function ArrowUpPressed() {
  // Logic to check arrow up key press on a smartphone
  return false;
}

// Check if arrow down key is pressed
function ArrowDownPressed() {
  // Logic to check arrow down key press on a smartphone
  return false;
}

// Check if arrow left key is pressed
function ArrowLeftPressed() {
  // Logic to check arrow left key press on a smartphone
  return false;
}

// Check if arrow right key is pressed
function ArrowRightPressed() {
  // Logic to check arrow right key press on a smartphone
  return false;
}

// Draw the player on the canvas
function drawPlayer() {
  context.fillStyle = "#FF0000"; // Red color
  context.fillRect(player.x - 25, player.y - 25, 50, 50);
}

// Draw the materials on the canvas
function drawMaterials() {
  context.font = "24px Arial"; 
  context.fillStyle = "#FFFFFF"; // White color
  context.fillText("Life: " + materials.life, 10, 30);
  context.fillText("Food: " + materials.food, 10, 60);
  context.fillText("Cars: " + materials.cars, 10, 90);
  
  // Draw pictograms (optional)
  context.drawImage(lifeImage, 150, 5, 20, 20);
  context.drawImage(foodImage, 150, 35, 20, 20);
  context.drawImage(carsImage, 150, 65, 20, 20);
}

// Start the game
gameLoop();

</script>
</body>
</html>