Parkour Game

body { margin: 0; overflow: hidden; } #gameContainer { width: 100%; height: 100%; } import * as THREE from 'three'; // 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.getElementById('gameContainer').appendChild(renderer.domElement); // Ground const groundGeometry = new THREE.PlaneGeometry(10, 10, 1, 1); const groundMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00, side: THREE.DoubleSide }); const ground = new THREE.Mesh(groundGeometry, groundMaterial); scene.add(ground); // Player const playerGeometry = new THREE.BoxGeometry(1, 2, 1); const playerMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 }); const player = new THREE.Mesh(playerGeometry, playerMaterial); scene.add(player); camera.position.z = 5; camera.position.y = 2; camera.lookAt(player.position); const playerSpeed = 0.1; const jumpVelocity = 0.2; let verticalVelocity = 0; const gravity = -0.01; let isJumping = false; function updatePlayer() { // Gravity verticalVelocity += gravity; player.position.y += verticalVelocity; // Ground collision if (player.position.y < 0) { player.position.y = 0; verticalVelocity = 0; isJumping = false; } } function gameLoop() { updatePlayer(); renderer.render(scene, camera); requestAnimationFrame(gameLoop); } gameLoop(); document.addEventListener('keydown', (event) => { switch (event.key) { case 'ArrowLeft': player.position.x -= playerSpeed; break; case 'ArrowRight': player.position.x += playerSpeed; break; case 'ArrowUp': if (!isJumping) { verticalVelocity = jumpVelocity; isJumping = true; } break; } });