A fishing game where you need to collect the rare fruit while there is other things like fishes, Boots, and others's game

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

No:44491

←

Prev Next

→

A fishing game where you need to collect the rare ..ALL
Developer User19400｜Date and time 24/2/18 6:04:51
Build time 9.432 sec｜Game capacity 2.907KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
   <title>Jogo de Pesca</title>
</head>
<body>
   <canvas id="gameCanvas"></canvas>

const player = {
           x: 50,
           y: canvas.height / 2,
           speed: 5
       };

const rareFruit = {
           x: 700,
           y: Math.floor(Math.random() * canvas.height),
           collected: false
       };

const objects = [];
       const objectTypes = ['fish', 'boot'];

function drawPlayer() {
           ctx.fillStyle = 'blue';
           ctx.fillRect(player.x, player.y, 50, 50);
       }

function drawRareFruit() {
           ctx.fillStyle = 'red';
           ctx.fillRect(rareFruit.x, rareFruit.y, 30, 30);
       }

function checkCollision() {
           if(player.x < rareFruit.x + 30 && player.x + 50 > rareFruit.x &&
              player.y < rareFruit.y + 30 && player.y + 50 > rareFruit.y) {
               rareFruit.collected = true;
           }

objects.forEach(function(object, index) {
               if(player.x < object.x + 30 && player.x + 50 > object.x &&
                  player.y < object.y + 30 && player.y + 50 > object.y) {
                      objects.splice(index, 1);
               }
           });
       }

function spawnObjects() {
           if(Math.random() < 0.02) {
               const type = objectTypes[Math.floor(Math.random() * objectTypes.length)];
               objects.push({
                   x: 700,
                   y: Math.floor(Math.random() * canvas.height),
                   type: type
               });
           }
       }

function drawGame() {
           ctx.clearRect(0, 0, canvas.width, canvas.height);
           drawPlayer();
           drawRareFruit();
           drawObjects();
           checkCollision();
           spawnObjects();

if(!rareFruit.collected) {
               requestAnimationFrame(drawGame);
           } else {
               ctx.font = '30px Arial';
               ctx.fillText('Você coletou o fruto raro!', 200, canvas.height / 2);
           }
       }

drawGame();
   </script>
</body>
</html>