MAKE A GAME TO EARN REEL MONEY online daily by playing soccer leagues and tournament's game

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

No:29433

←

Prev Next

→

MAKE A GAME TO EARN REEL MONEY online daily by pl..ALL
Developer User14498｜Date and time 23/12/17 9:06:05
Build time 1.156 sec｜Game capacity 0.059KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!DOCTYPE html>
<html>
<head>
  <title>Fish Observation Game</title>
  <style>
    body { margin: 0; overflow: hidden; }
    canvas { display: block; }
  </style>
</head>
<body>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
  <script>
    // Fish data
    const fishData = [
      { name: "Fish A", score: 10 },
      { name: "Fish B", score: 20 },
      { name: "Fish C", score: 30 },
      { name: "Fish D", score: 40 },
      { name: "Fish E", score: 50 },
    ];

// Randomly generate fish positions
    function generateFishPositions() {
      const positions = [];
      for (let i = 0; i < fishData.length; i++) {
        const x = Math.random() * 8 - 4;
        const y = Math.random() * 8 - 4;
        const z = Math.random() * 8 - 4;
        positions.push({ x, y, z });
      }
      return positions;
    }

let score = 0;

// Initialize scene, camera, and renderer
    const scene = new THREE.Scene();
    const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
    const renderer = new THREE.WebGLRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);

// Create fish meshes
    const fishMeshes = [];
    const fishPositions = generateFishPositions();
    for (let i = 0; i < fishData.length; i++) {
      const fishGeometry = new THREE.BoxGeometry();
      const fishMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
      const fishMesh = new THREE.Mesh(fishGeometry, fishMaterial);
      fishMesh.position.set(fishPositions[i].x, fishPositions[i].y, fishPositions[i].z);
      scene.add(fishMesh);
      fishMeshes.push(fishMesh);
    }

// Create score text
    const scoreText = document.createElement("div");
    scoreText.style.position = "absolute";
    scoreText.style.top = "50%";
    scoreText.style.left = "50%";
    scoreText.style.transform = "translate(-50%, -50%)";
    scoreText.style.fontSize = "48px";
    scoreText.style.fontWeight = "bold";
    scoreText.style.color = "white";
    scoreText.innerHTML = "Score: 0";
    document.body.appendChild(scoreText);

// Add click event listener to capture fish
    document.addEventListener("click", onDocumentClick);

// Function to handle click event
    function onDocumentClick(event) {
      const mouse = new THREE.Vector2();
      mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
      mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

const raycaster = new THREE.Raycaster();
      raycaster.setFromCamera(mouse, camera);

const intersects = raycaster.intersectObjects(fishMeshes);
      if (intersects.length > 0) {
        const fishMesh = intersects[0].object;
        const index = fishMeshes.indexOf(fishMesh);
        const fish = fishData[index];
        score += fish.score;
        fishMesh.position.set(Math.random() * 8 - 4, Math.random() * 8 - 4, Math.random() * 8 - 4);
        scoreText.innerHTML = "Score: " + score;
      }
    }

// Update the scene
    function animate() {
      requestAnimationFrame(animate);

for (const fishMesh of fishMeshes) {
        fishMesh.rotation.x += 0.01;
        fishMesh.rotation.y += 0.01;
      }

renderer.render(scene, camera);
    }

// Start the game
    animate();
  </script>
</body>
</html>