// Import necessary modules import * as THREE from 'three'; import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'; import { FBXLoader } from 'three/addons/loaders/FBXLoader.js'; import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js'; import { RenderPass } from 'three/addons/postprocessing/RenderPass.js'; import { UnrealBloomPass } from 'three/addons/postprocessing/UnrealBloomPass.js'; import { SMAAPass } from 'three/addons/postprocessing/SMAAPass.js'; // Initialize loading manager const loadingManager = new THREE.LoadingManager(); const textureLoader = new THREE.TextureLoader(loadingManager); const gltfLoader = new GLTFLoader(loadingManager); const fbxLoader = new FBXLoader(loadingManager); const audioLoader = new THREE.AudioLoader(loadingManager); let assetsLoaded = false; // Audio setup const listener = new THREE.AudioListener(); const backgroundMusic = new THREE.Audio(listener); let isMusicPlaying = false; // Optionally, add URL remapping if needed loadingManager.setURLModifier((url) => { if (url.includes('Textures/colormap.png')) { return 'https://play.rosebud.ai/assets/3D_playground_character_colormap.png?7OvX'; } return url; }); const parentDiv = document.getElementById('renderDiv'); let canvas = document.getElementById('threeRenderCanvas'); if (!canvas) { canvas = document.createElement('canvas'); canvas.id = 'threeRenderCanvas'; parentDiv.appendChild(canvas); } // Add Game State let gameState = { health: 3, maxHealth: 3, isGameOver: false, score: 0, highScore: localStorage.getItem('highScore') || 0, scoreMultiplier: 1, playTime: 0, // Track total play time in seconds textureChanged: false // Flag to track if texture has been changed }; // Create score display const scoreDisplay = document.createElement('div'); scoreDisplay.style.position = 'absolute'; scoreDisplay.style.top = '20px'; scoreDisplay.style.right = '20px'; scoreDisplay.style.color = 'white'; scoreDisplay.style.fontSize = '24px'; scoreDisplay.style.fontFamily = 'Arial, sans-serif'; scoreDisplay.style.textShadow = '2px 2px 2px black'; scoreDisplay.innerHTML = `Score: ${gameState.score}
High Score: ${gameState.highScore}`; parentDiv.appendChild(scoreDisplay); // Create health display const healthDisplay = document.createElement('div'); healthDisplay.style.position = 'absolute'; healthDisplay.style.top = '20px'; healthDisplay.style.left = '20px'; healthDisplay.style.color = 'red'; healthDisplay.style.fontSize = '24px'; healthDisplay.style.fontFamily = 'Arial, sans-serif'; healthDisplay.style.textShadow = '2px 2px 2px black'; healthDisplay.innerHTML = '❤️'.repeat(gameState.health); parentDiv.appendChild(healthDisplay); // Create game over screen const gameOverScreen = document.createElement('div'); gameOverScreen.style.position = 'absolute'; gameOverScreen.style.top = '50%'; gameOverScreen.style.left = '50%'; gameOverScreen.style.transform = 'translate(-50%, -50%)'; gameOverScreen.style.color = 'red'; gameOverScreen.style.fontSize = '48px'; gameOverScreen.style.fontFamily = 'Arial, sans-serif'; gameOverScreen.style.textAlign = 'center'; gameOverScreen.style.textShadow = '2px 2px 4px black'; gameOverScreen.style.display = 'none'; gameOverScreen.innerHTML = `

GAME OVER

Click to restart

`; parentDiv.appendChild(gameOverScreen); // Create loading screen const loadingScreen = document.createElement('div'); loadingScreen.style.position = 'absolute'; loadingScreen.style.top = '0'; loadingScreen.style.left = '0'; loadingScreen.style.width = '100%'; loadingScreen.style.height = '100%'; loadingScreen.style.backgroundColor = 'rgba(0, 0, 0, 0.8)'; loadingScreen.style.color = 'white'; loadingScreen.style.display = 'flex'; loadingScreen.style.justifyContent = 'center'; loadingScreen.style.alignItems = 'center'; loadingScreen.style.fontSize = '24px'; loadingScreen.innerHTML = 'Loading... 0%'; parentDiv.appendChild(loadingScreen); // Loading manager events loadingManager.onProgress = function(url, itemsLoaded, itemsTotal) { const progress = ((itemsLoaded / itemsTotal) * 100).toFixed(0); loadingScreen.innerHTML = `Loading... ${progress}%`; }; loadingManager.onLoad = function() { assetsLoaded = true; loadingScreen.style.display = 'none'; }; loadingManager.onError = function(url) { console.error('Error loading:', url); }; // Initialize the scene const scene = new THREE.Scene(); const world = new CANNON.World(); world.gravity.set(0, -20, 0); world.defaultContactMaterial.friction = 0.01; // Reduced global friction world.defaultContactMaterial.restitution = 0; // No bounce by default world.solver.iterations = 10; world.solver.tolerance = 0.001; function randomBetween(min, max) { return Math.random() * (max - min) + min; } // Define physics materials const groundPhysMaterial = new CANNON.Material('ground'); // Define physics material for the ball const ballPhysMaterial = new CANNON.Material('ballMaterial'); // Create contact material between ball and ground const ballGroundContactMaterial = new CANNON.ContactMaterial( ballPhysMaterial, groundPhysMaterial, { friction: 0.05, // Lower friction for smoother rolling restitution: 0.95, // High restitution for bouncy balls } ); world.addContactMaterial(ballGroundContactMaterial); // Create contact material between balls const ballBallContactMaterial = new CANNON.ContactMaterial( ballPhysMaterial, ballPhysMaterial, { friction: 0.05, // Lower friction between balls for easier pushing restitution: 0.98, // High restitution between balls for bouncier collisions } ); world.addContactMaterial(ballBallContactMaterial); const clock = new THREE.Clock(); // Initialize the camera const camera = new THREE.PerspectiveCamera( 75, canvas.offsetWidth / canvas.offsetHeight, 0.1, 1000 ); camera.add(listener); // Add audio listener to camera // Adjusted camera position camera.position.set(0, 15, 30); camera.lookAt(0, 0, 0); // Camera settings for character following const cameraSettings = { offset: new THREE.Vector3(0, 5, 15), smoothSpeed: 0.1, rotationSpeed: 0.5, minPolarAngle: 0.1, maxPolarAngle: Math.PI / 2, minDistance: 8, maxDistance: 30, minFollowDistance: 12, }; // Initialize the renderer with HDR const renderer = new THREE.WebGLRenderer({ antialias: true, canvas: canvas, powerPreference: 'high-performance', }); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(canvas.offsetWidth, canvas.offsetHeight); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; renderer.outputEncoding = THREE.sRGBEncoding; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.2; // Initialize post-processing const composer = new EffectComposer(renderer); // Regular scene render pass const renderPass = new RenderPass(scene, camera); composer.addPass(renderPass); // Add subtle bloom effect const bloomPass = new UnrealBloomPass( new THREE.Vector2(window.innerWidth, window.innerHeight), 0.2, // bloom strength 0.4, // radius 0.9 // threshold ); composer.addPass(bloomPass); // Add anti-aliasing const smaaPass = new SMAAPass( window.innerWidth * renderer.getPixelRatio(), window.innerHeight * renderer.getPixelRatio() ); composer.addPass(smaaPass); // Initialize composer size composer.setSize(parentDiv.clientWidth, parentDiv.clientHeight); // Define sky colors for environmental lighting const skyColor = new THREE.Color(0x87ceeb); // Bright sky blue const groundColor = new THREE.Color(0xffffff); // White ground reflection // Create sky dome with improved colors const vertexShader = ` varying vec3 vWorldPosition; void main() { vec4 worldPosition = modelMatrix * vec4( position, 1.0 ); vWorldPosition = worldPosition.xyz; gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 ); } `; const fragmentShader = ` uniform vec3 topColor; uniform vec3 bottomColor; uniform float offset; uniform float exponent; varying vec3 vWorldPosition; void main() { float h = normalize( vWorldPosition + offset ).y; gl_FragColor = vec4( mix( bottomColor, topColor, max( pow( max( h, 0.0 ), exponent ), 0.0 ) ), 1.0 ); } `; const uniforms = { topColor: { value: skyColor }, bottomColor: { value: groundColor }, offset: { value: 33 }, exponent: { value: 0.6 }, }; const skyGeo = new THREE.SphereGeometry(500, 32, 15); const skyMat = new THREE.ShaderMaterial({ uniforms: uniforms, vertexShader: vertexShader, fragmentShader: fragmentShader, side: THREE.BackSide, }); const sky = new THREE.Mesh(skyGeo, skyMat); scene.add(sky); // Modify OrbitControls setup const controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.05; controls.screenSpacePanning = false; controls.minPolarAngle = cameraSettings.minPolarAngle; controls.maxPolarAngle = cameraSettings.maxPolarAngle; controls.minDistance = cameraSettings.minDistance; controls.maxDistance = cameraSettings.maxDistance; controls.target = new THREE.Vector3(0, 2, 0); // Create flat terrain // Tile Management System class TileManager { constructor() { this.tiles = []; this.tileSize = 200; this.tilesAhead = 3; this.tilesBehind = 1; // Store both textures this.grassTexture = textureLoader.load('https://play.rosebud.ai/assets/3D_playground_grass_diffuse.png?qcin'); this.alternateTexture = textureLoader.load('https://play.rosebud.ai/assets/headTexture_1.png?KYfo'); // Using head texture as alternate this.currentTexture = this.grassTexture; this.normalMap = textureLoader.load('https://play.rosebud.ai/assets/3D_playground_grass_normal.png?BrsJ'); // Configure textures this.grassTexture.wrapS = this.grassTexture.wrapT = THREE.RepeatWrapping; this.grassTexture.repeat.set(20, 20); this.grassTexture.encoding = THREE.sRGBEncoding; this.alternateTexture.wrapS = this.alternateTexture.wrapT = THREE.RepeatWrapping; this.alternateTexture.repeat.set(20, 20); this.alternateTexture.encoding = THREE.sRGBEncoding; this.normalMap.wrapS = this.normalMap.wrapT = THREE.RepeatWrapping; this.normalMap.repeat.set(20, 20); } createTile(position) { const geometry = new THREE.PlaneGeometry(this.tileSize, this.tileSize); const material = new THREE.MeshStandardMaterial({ map: this.currentTexture, normalMap: this.normalMap, normalScale: new THREE.Vector2(2, 2), roughness: 0.8, metalness: 0.1, envMapIntensity: 1.0, }); const tileMesh = new THREE.Mesh(geometry, material); tileMesh.rotation.x = -Math.PI / 2; tileMesh.position.copy(position); tileMesh.receiveShadow = true; scene.add(tileMesh); const groundShape = new CANNON.Box(new CANNON.Vec3(this.tileSize / 2, 0.1, this.tileSize / 2)); const groundBody = new CANNON.Body({ mass: 0, material: groundPhysMaterial, }); groundBody.addShape(groundShape); groundBody.position.set(position.x, -0.1, position.z); world.addBody(groundBody); return { mesh: tileMesh, body: groundBody, position: position.z }; } update(characterPosition) { const currentTileIndex = Math.floor(characterPosition.z / this.tileSize); // Remove tiles that are too far behind this.tiles = this.tiles.filter(tile => { if (tile.position < (currentTileIndex - this.tilesBehind) * this.tileSize) { scene.remove(tile.mesh); world.removeBody(tile.body); return false; } return true; }); // Add new tiles ahead for (let i = 0; i <= this.tilesAhead; i++) { const tilePosition = (currentTileIndex + i) * this.tileSize; if (!this.tiles.some(tile => tile.position === tilePosition)) { const newTile = this.createTile(new THREE.Vector3(0, 0, tilePosition)); this.tiles.push(newTile); } } } } // Create tile manager instance const tileManager = new TileManager(); function createTerrain() { // Create initial tiles const initialTile = tileManager.createTile(new THREE.Vector3(0, 0, 0)); tileManager.tiles.push(initialTile); return initialTile.mesh; } // Setup improved lighting system const sunLight = new THREE.DirectionalLight(skyColor, 2.0); sunLight.position.set(-50, 100, -50); sunLight.castShadow = true; sunLight.shadow.mapSize.width = 2048; sunLight.shadow.mapSize.height = 2048; sunLight.shadow.camera.near = 10; sunLight.shadow.camera.far = 400; sunLight.shadow.camera.left = -100; sunLight.shadow.camera.right = 100; sunLight.shadow.camera.top = 100; sunLight.shadow.camera.bottom = -100; sunLight.shadow.bias = -0.001; scene.add(sunLight); // Add hemisphere light to simulate sky and ground bounce light const hemiLight = new THREE.HemisphereLight(skyColor, groundColor, 0.6); scene.add(hemiLight); // ========================= // Character Integration // ========================= // Variables for character let character = null; let characterBody = null; let mixer = null; let isGrounded = false; let currentJumps = 0; let lastJumpTime = 0; let moveDirection = new THREE.Vector3(); // Hit effect state let isHit = false; let hitEffectTime = 0; let isInvulnerable = false; let invulnerableTime = 0; let originalMaterials = []; let walkAction = null; let idleAction = null; let jumpAction = null; let fallAction = null; let contactNormal = new CANNON.Vec3(); let upAxis = new CANNON.Vec3(0, 1, 0); const keysPressed = { w: false, a: false, s: false, d: false, space: false, }; // Character configuration const characterConfig = { // Movement settings groundSpeed: 30, // Hit effect settings hitEffectDuration: 0.3, // Duration of hit effect in seconds hitFlashIntensity: 0.8, // Intensity of red flash (0-1) invulnerableDuration: 1.5, // Duration of invulnerability after hit airSpeed: 25, groundDamping: 0.1, airDamping: 0.1, acceleration: 20, turnSpeed: 8, jumpForce: 20, jumpCooldown: 0.1, maxJumps: 1, // Physics settings radius: 2.5, // Collision shape radius height: 5, // Increased height to match model's visual height mass: 62, friction: 0.1, restitution: 0.0, linearDamping: 0.02, angularDamping: 0.9, // Visual and animation settings scale: 10, startHeight: 8, }; // Define physics materials for character const characterPhysMaterial = new CANNON.Material('character'); // Create contact material between character and ground const characterGroundContact = new CANNON.ContactMaterial( characterPhysMaterial, groundPhysMaterial, { friction: 0.01, restitution: 0.0, contactEquationStiffness: 1e8, contactEquationRelaxation: 3, } ); world.addContactMaterial(characterGroundContact); // Create contact material between ball and character const ballCharacterContactMaterial = new CANNON.ContactMaterial( ballPhysMaterial, characterPhysMaterial, { friction: 0.05, restitution: 0.9, } ); world.addContactMaterial(ballCharacterContactMaterial); // Add keyboard event listeners window.addEventListener('keydown', (event) => { if (event.code === 'Space') { keysPressed.space = true; } else if (keysPressed.hasOwnProperty(event.key.toLowerCase())) { keysPressed[event.key.toLowerCase()] = true; } }); window.addEventListener('keyup', (event) => { if (event.code === 'Space') { keysPressed.space = false; } else if (keysPressed.hasOwnProperty(event.key.toLowerCase())) { keysPressed[event.key.toLowerCase()] = false; } }); // Load the character model const characterUrl = 'https://play.rosebud.ai/assets/3D_playground_character.glb?ZH4e'; gltfLoader.load(characterUrl, (gltf) => { const model = gltf.scene; model.scale.set( characterConfig.scale, characterConfig.scale, characterConfig.scale ); // Apply rotation correction if needed model.rotation.y = Math.PI; // Correcting the model's rotation // Adjust model's position so feet are on the ground model.position.set(0, 0, 0); model.traverse((child) => { if (child.isMesh) { child.castShadow = true; child.receiveShadow = true; child.material.envMapIntensity = 1.0; } }); // Create character physics body characterBody = new CANNON.Body({ mass: characterConfig.mass, material: characterPhysMaterial, linearDamping: characterConfig.linearDamping, angularDamping: characterConfig.angularDamping, fixedRotation: true, type: CANNON.Body.DYNAMIC, }); const characterShape = new CANNON.Cylinder( characterConfig.radius, characterConfig.radius, characterConfig.height, 8 ); // Adjust shapeOffset to align collision shape with the character model const shapeOffset = new CANNON.Vec3(0, characterConfig.height / 2, 0); characterBody.addShape(characterShape, shapeOffset); characterBody.position.set(0, characterConfig.startHeight, 0); world.addBody(characterBody); // Reset contact tracking isGrounded = false; let groundContactCount = 0; characterBody.addEventListener('collide', (event) => { const contact = event.contact; let otherBody; if (event.contact.bi === characterBody) { otherBody = event.contact.bj; contact.ni.negate(contactNormal); } else { otherBody = event.contact.bi; contactNormal.copy(contact.ni); } if (contactNormal.dot(upAxis) > 0.5) { groundContactCount++; isGrounded = true; currentJumps = 0; // Reset animations for ground state if (fallAction) { fallAction.stop(); fallAction.setEffectiveWeight(0); } if (jumpAction) { jumpAction.stop(); jumpAction.setEffectiveWeight(0); } } }); characterBody.addEventListener('endContact', (event) => { let otherBody; if (event.contact.bi === characterBody) { otherBody = event.contact.bj; event.contact.ni.negate(contactNormal); } else { otherBody = event.contact.bi; contactNormal.copy(event.contact.ni); } if (contactNormal.dot(upAxis) > 0.5) { groundContactCount = Math.max(0, groundContactCount - 1); if (groundContactCount === 0) { isGrounded = false; } } }); // Setup animations mixer = new THREE.AnimationMixer(model); const idleClip = gltf.animations.find((clip) => clip.name.toLowerCase().includes('idle')); const walkClip = gltf.animations.find((clip) => clip.name.toLowerCase().includes('walk')); const jumpClip = gltf.animations.find((clip) => clip.name.toLowerCase().includes('jump')); const fallClip = gltf.animations.find((clip) => clip.name.toLowerCase().includes('fall')); if (idleClip) { idleAction = mixer.clipAction(idleClip); idleAction.play(); idleAction.setEffectiveWeight(1); } if (walkClip) { walkAction = mixer.clipAction(walkClip); walkAction.play(); walkAction.setEffectiveWeight(0); } if (jumpClip) { jumpAction = mixer.clipAction(jumpClip); jumpAction.setLoop(THREE.LoopOnce); jumpAction.clampWhenFinished = true; jumpAction.setEffectiveWeight(0); } if (fallClip) { fallAction = mixer.clipAction(fallClip); fallAction.setLoop(THREE.LoopRepeat); fallAction.setEffectiveWeight(0); } character = model; scene.add(model); // Store original materials for hit effect model.traverse((child) => { if (child.isMesh && child.material) { originalMaterials.push({ mesh: child, material: child.material.clone() }); } }); }); // Lane system configuration const laneConfig = { count: 3, width: 5, // Distance between lanes forwardSpeed: 30, // Auto-run speed laneChangeSpeed: 15, // How fast to change lanes }; // Current lane (0 = left, 1 = center, 2 = right) let currentLane = 1; let targetLanePosition = 0; // Update character movement function updateCharacterMovement(deltaTime) { if (!character || !characterBody) return; // Calculate target X position based on current lane targetLanePosition = (currentLane - 1) * laneConfig.width; // Handle lane changes if (keysPressed.a && currentLane > 0) { currentLane--; character.rotation.y = Math.PI - Math.PI / 4; // Slight turn animation } if (keysPressed.d && currentLane < laneConfig.count - 1) { currentLane++; character.rotation.y = Math.PI + Math.PI / 4; // Slight turn animation } // Smoothly move to target lane const currentX = characterBody.position.x; const dx = targetLanePosition - currentX; const targetVelocityX = Math.sign(dx) * Math.min(Math.abs(dx) * laneConfig.laneChangeSpeed, laneConfig.laneChangeSpeed); // Auto-run forward moveDirection.set(0, 0, -1); // Forward direction (negative Z) moveDirection.normalize(); if (isGrounded) { // Set forward velocity (auto-run) characterBody.velocity.z = -laneConfig.forwardSpeed; // Set lateral velocity (lane changing) characterBody.velocity.x = targetVelocityX; // Reset rotation when character is aligned with lane if (Math.abs(dx) < 0.1) { character.rotation.y = Math.PI; // Face forward } } else { // Air movement - maintain forward momentum but reduce lane changing ability characterBody.velocity.z = -laneConfig.forwardSpeed; characterBody.velocity.x = targetVelocityX * 0.5; } // Handle jumping if (keysPressed.space && isGrounded && currentJumps < characterConfig.maxJumps) { const now = performance.now(); if (now - lastJumpTime > characterConfig.jumpCooldown * 1000) { characterBody.velocity.y = characterConfig.jumpForce; currentJumps++; lastJumpTime = now; isGrounded = false; if (jumpAction) { jumpAction.reset(); jumpAction.setEffectiveWeight(1); jumpAction.play(); } } } // Update animations if (mixer && walkAction && idleAction && jumpAction && fallAction) { const verticalVelocity = characterBody.velocity.y; const horizontalSpeed = new THREE.Vector2(characterBody.velocity.x, characterBody.velocity.z).length(); if (!isGrounded) { // Air state walkAction.stop(); idleAction.stop(); if (verticalVelocity > 1) { // Rising fallAction.stop(); jumpAction.play(); jumpAction.setEffectiveWeight(1); } else { // Falling jumpAction.stop(); fallAction.play(); fallAction.setEffectiveWeight(1); } } else { // Ground state jumpAction.stop(); fallAction.stop(); if (horizontalSpeed > 0.1) { idleAction.stop(); walkAction.play(); walkAction.setEffectiveWeight(1); } else { walkAction.stop(); idleAction.play(); idleAction.setEffectiveWeight(1); } } } // Update animation mixer if (mixer) { mixer.update(deltaTime); } } // Update camera to follow the character function updateCamera() { if (!character) return; // Get character's position and current camera direction const characterPos = character.position.clone(); const cameraDir = new THREE.Vector3(); camera.getWorldDirection(cameraDir); // Calculate target position (character's upper body) let targetPosition = characterPos.clone().add(new THREE.Vector3(0, characterConfig.height / 2, 0)); // Get camera's current horizontal distance to character const cameraToCharacter = new THREE.Vector3(); cameraToCharacter.subVectors(camera.position, characterPos); cameraToCharacter.y = 0; // Ignore vertical distance const currentDistance = cameraToCharacter.length(); // Check if character is moving towards camera const movementTowardCamera = moveDirection.dot(cameraToCharacter.normalize()) < 0; // Adjust camera position if too close if (movementTowardCamera && currentDistance < cameraSettings.minFollowDistance) { const idealOffset = cameraToCharacter.normalize().multiplyScalar(cameraSettings.minFollowDistance); idealOffset.y = camera.position.y - characterPos.y; const newCameraPos = characterPos.clone().add(idealOffset); camera.position.lerp(newCameraPos, cameraSettings.smoothSpeed * 2); } // Update OrbitControls target controls.target.lerp(targetPosition, cameraSettings.smoothSpeed); // Update controls controls.update(); } // ========================= // End of Character Integration // ========================= // Create initial scene const terrain = createTerrain(); // Load scary teacher textures const headTexture = textureLoader.load('https://play.rosebud.ai/assets/headTexture_1.png?KYfo'); const bodyTexture = textureLoader.load('https://play.rosebud.ai/assets/ScaryTeacher_BodyTexture_0.png?9xO4'); // Load scary teacher model let teacher = null; const teacherLines = [ 'https://play.rosebud.ai/assets/1_zn40mX73pwUXigNNeYBPOBItxwFJ0tOsHpto.mp3?rniW', 'https://play.rosebud.ai/assets/2_nyXkg4fjCrXm1FreaB1cis6meVVASUddZ5gi.mp3?qpuV', 'https://play.rosebud.ai/assets/3_2JixOhAEDrourkRHO0C5sQVkIpcRykzkVHfy.mp3?ART2', 'https://play.rosebud.ai/assets/4_PebckuDiUUokSpdQFp6HnEJd6AjeFdEBu7Ro.mp3?dNJd' ]; const victorySound = 'https://play.rosebud.ai/assets/9_victory_ALDyBZ3FRol21DUOBdSRcvVQg20iEWDx5so1.mp3?ItAm'; const teacherConfig = { followDistance: 100, // Distance ahead of player initialScale: 1, maxScale: 200, growthRate: .01, // Units per second heightOffset: 3, // How high above ground currentScale: 1 }; fbxLoader.load('https://play.rosebud.ai/assets/Scary_Teacher-1.fbx?gCCo', (fbx) => { // Scale and position the teacher fbx.scale.setScalar(teacherConfig.initialScale); fbx.position.set(0, teacherConfig.heightOffset, -200); // Initial position // Apply textures and configure materials fbx.traverse((child) => { if (child.isMesh) { child.castShadow = true; child.receiveShadow = true; // Apply appropriate texture based on mesh name or material if (child.name.toLowerCase().includes('head')) { child.material.map = headTexture; } else { child.material.map = bodyTexture; } // Configure material properties child.material.needsUpdate = true; child.material.transparent = true; child.material.opacity = 1; } }); // Store the teacher reference teacher = fbx; // Add the teacher to the scene scene.add(fbx); // Set up teacher audio teacher.audioSource = new THREE.Audio(listener); teacher.currentLine = 0; teacher.timeSinceLastLine = 0; teacher.lineInterval = 30; // Seconds between lines teacher.victoryPlayed = false; teacher.victoryTime = 7200; // Time in seconds before victory sound teacher.timeAlive = 0; // Load first line audioLoader.load(teacherLines[0], (buffer) => { teacher.audioSource.setBuffer(buffer); teacher.audioSource.setVolume(1); teacher.add(teacher.audioSource); teacher.audioSource.play(); }); }, undefined, (error) => { console.error('An error occurred loading the teacher:', error); }); // Load and set up background music audioLoader.load('https://play.rosebud.ai/assets/2022-10-28_-_Predator_And_Prey_-_www.FesliyanStudios.com.mp3?rFeg', function(buffer) { backgroundMusic.setBuffer(buffer); backgroundMusic.setLoop(true); backgroundMusic.setVolume(0.3); }); // Add click event listener to start music document.addEventListener('click', function() { if (!isMusicPlaying && backgroundMusic.buffer) { backgroundMusic.play(); isMusicPlaying = true; } }, { once: true }); // Fog system configuration const fogConfig = { spawnInterval: 14, // seconds between fog spawns maxFogs: 5, minSize: 10, maxSize: 20, spawnDistance: 50, // Distance ahead of player where fog spawns lanes: [-5, 0, 5], // Possible lane positions colors: [ new THREE.Color(0xcccccc), new THREE.Color(0xaaaaaa), new THREE.Color(0x888888) ] }; const fogs = []; let timeSinceLastFog = 0; class FogShape { constructor(position) { // Create a random shape for the fog const radius = THREE.MathUtils.randFloat(fogConfig.minSize, fogConfig.maxSize); const segments = 32; const geometry = new THREE.SphereGeometry(radius, segments, segments); // Create custom fog material const material = new THREE.MeshPhongMaterial({ color: fogConfig.colors[Math.floor(Math.random() * fogConfig.colors.length)], transparent: true, opacity: 0.5, side: THREE.DoubleSide }); this.mesh = new THREE.Mesh(geometry, material); this.mesh.position.copy(position); this.mesh.scale.y = 0.5; // Flatten the sphere a bit // Add some randomization to the initial shape this.deformFactor = THREE.MathUtils.randFloat(0.1, 0.3); this.timeOffset = Math.random() * Math.PI * 2; scene.add(this.mesh); } update(deltaTime) { // Animate the fog shape const time = performance.now() * 0.001 + this.timeOffset; // Deform the vertices for a more organic look const positions = this.mesh.geometry.attributes.position; for (let i = 0; i < positions.count; i++) { const vertex = new THREE.Vector3(); vertex.fromBufferAttribute(positions, i); // Add wave deformation const wave = Math.sin(time + vertex.x) * Math.cos(time + vertex.z) * this.deformFactor; vertex.multiplyScalar(1 + wave); positions.setXYZ(i, vertex.x, vertex.y, vertex.z); } positions.needsUpdate = true; // Rotate slowly this.mesh.rotation.y += deltaTime * 0.2; } destroy() { scene.remove(this.mesh); this.mesh.geometry.dispose(); this.mesh.material.dispose(); } } // Heart pickup configuration const heartConfig = { size: 1, rotationSpeed: 2, bounceHeight: 0.5, bounceSpeed: 2 }; const hearts = []; class HeartPickup { constructor(position) { // Create heart geometry const geometry = new THREE.TorusGeometry(heartConfig.size, heartConfig.size / 2, 16, 16); geometry.rotateZ(Math.PI / 2); // Orient the heart vertically const material = new THREE.MeshPhongMaterial({ color: 0xff0000, emissive: 0x330000, shininess: 100, }); this.mesh = new THREE.Mesh(geometry, material); this.mesh.position.copy(position); this.mesh.castShadow = true; scene.add(this.mesh); // For floating animation this.initialY = position.y; this.time = Math.random() * Math.PI * 2; // Random start time for floating effect } update(deltaTime) { // Rotate the heart this.mesh.rotation.y += deltaTime * heartConfig.rotationSpeed; // Make it float up and down this.time += deltaTime * heartConfig.bounceSpeed; this.mesh.position.y = this.initialY + Math.sin(this.time) * heartConfig.bounceHeight; } destroy() { scene.remove(this.mesh); this.mesh.geometry.dispose(); this.mesh.material.dispose(); } } // Spike system configuration const spikeConfig = { spawnInterval: 5, // seconds between spike spawns maxSpikes: 3, size: 3, height: 2, speed: 25, spawnDistance: 30, // Farther spawn distance damage: 1 }; const spikes = []; let timeSinceLastSpike = 0; class Spike { constructor(position, direction) { // Create spike geometry const geometry = new THREE.ConeGeometry(spikeConfig.size, spikeConfig.height, 4); const material = new THREE.MeshPhongMaterial({ color: 0x0066ff, shininess: 100, emissive: 0x001133 }); this.mesh = new THREE.Mesh(geometry, material); this.mesh.position.copy(position); this.mesh.rotation.z = direction > 0 ? Math.PI / 2 : -Math.PI / 2; this.mesh.castShadow = true; scene.add(this.mesh); // Physics body for collision detection const shape = new CANNON.Cylinder(spikeConfig.size, 0, spikeConfig.height, 4); this.body = new CANNON.Body({ mass: 0, shape: shape, position: new CANNON.Vec3(position.x, position.y, position.z), collisionResponse: false }); this.direction = direction; world.addBody(this.body); } update(deltaTime) { // Move spike across the screen const movement = this.direction * spikeConfig.speed * deltaTime; this.mesh.position.x += movement; this.body.position.x += movement; // Add visual effects this.mesh.rotation.y += deltaTime * 2; } destroy() { scene.remove(this.mesh); world.removeBody(this.body); this.mesh.geometry.dispose(); this.mesh.material.dispose(); } } /** * Variables for ball spawning */ const ballSpawnInterval = 1; // seconds between ball spawns let timeSinceLastBall = 0; const balls = []; const maxBalls = 20; // Limit the number of balls // Monster system const monsters = []; const monsterConfig = { spawnInterval: 3, // seconds between monster spawns initialSize: 1, maxSize: 2, growthRate: 1, // size units per second maxMonsters: 5, spawnDistance: 40, // Distance ahead of player where monsters spawn lanes: [-5, 0, 5] // Possible lane positions }; let timeSinceLastMonster = 0; class Monster { constructor(position) { // Visual mesh const geometry = new THREE.IcosahedronGeometry(monsterConfig.initialSize); const material = new THREE.MeshStandardMaterial({ color: 0xffff00, emissive: 0x333300, roughness: 0.4, metalness: 0.5 }); this.mesh = new THREE.Mesh(geometry, material); this.mesh.position.copy(position); this.mesh.castShadow = true; scene.add(this.mesh); // Physics body const shape = new CANNON.Sphere(monsterConfig.initialSize); this.body = new CANNON.Body({ mass: 0, shape: shape, position: new CANNON.Vec3(position.x, position.y, position.z), collisionResponse: false }); this.currentSize = monsterConfig.initialSize; world.addBody(this.body); } update(deltaTime) { // Grow the monster this.currentSize = Math.min( this.currentSize + monsterConfig.growthRate * deltaTime, monsterConfig.maxSize ); // Update visual size this.mesh.scale.set( this.currentSize / monsterConfig.initialSize, this.currentSize / monsterConfig.initialSize, this.currentSize / monsterConfig.initialSize ); // Update physics body size const newShape = new CANNON.Sphere(this.currentSize); // Replace the shape's properties instead of trying to remove/add this.body.shapes[0].radius = this.currentSize; this.body.shapes[0].boundingSphereRadius = this.currentSize; this.body.shapes[0].updateBoundingSphereRadius(); // Update the body's bounding radius this.body.boundingRadius = this.currentSize; // Add wobble effect this.mesh.rotation.x += deltaTime; this.mesh.rotation.y += deltaTime * 0.8; } destroy() { scene.remove(this.mesh); world.removeBody(this.body); } } // Fireball system const fireballs = []; const fireballConfig = { spawnInterval: 2, // seconds between fireball spawns speed: 25, size: 2, maxFireballs: 10, spawnDistance: 20, // Distance from center where fireballs spawn damage: 1 }; let timeSinceLastFireball = 0; class Fireball { constructor(position, direction) { // Visual mesh const geometry = new THREE.SphereGeometry(fireballConfig.size, 16, 16); const material = new THREE.MeshStandardMaterial({ color: 0xff4400, emissive: 0xff2200, emissiveIntensity: 2, transparent: true, opacity: 0.8 }); this.mesh = new THREE.Mesh(geometry, material); this.mesh.position.copy(position); this.mesh.castShadow = true; scene.add(this.mesh); // Physics body const shape = new CANNON.Sphere(fireballConfig.size); this.body = new CANNON.Body({ mass: 1, shape: shape, position: new CANNON.Vec3(position.x, position.y, position.z), collisionResponse: false // Pass through everything except character }); // Set velocity towards target const velocity = direction.multiplyScalar(fireballConfig.speed); this.body.velocity.copy(velocity); world.addBody(this.body); } update() { this.mesh.position.copy(this.body.position); // Add visual effects (rotation and glow) this.mesh.rotation.x += 0.1; this.mesh.rotation.y += 0.1; } destroy() { scene.remove(this.mesh); world.removeBody(this.body); } } /** * Function to spawn a new bouncy ball with a random color */ function spawnBall() { // Remove oldest ball if we have reached maxBalls if (balls.length >= maxBalls) { const oldestBall = balls.shift(); scene.remove(oldestBall.mesh); world.removeBody(oldestBall.body); } // Set ball size (radius) const ballSize = randomBetween(1, 3); // Random ball size // Create a sphere geometry with the specified size const radius = ballSize; const widthSegments = 32; const heightSegments = 32; const ballGeometry = new THREE.SphereGeometry(radius, widthSegments, heightSegments); // Create a material with a random color const randomColor = new THREE.Color(Math.random(), Math.random(), Math.random()); const ballMaterial = new THREE.MeshStandardMaterial({ color: randomColor }); const ballMesh = new THREE.Mesh(ballGeometry, ballMaterial); ballMesh.castShadow = true; ballMesh.receiveShadow = true; // Initialize userData ballMesh.userData = {}; // Set initial position - spawn above the ground const x = Math.random() * 20 - 10; const y = 20; const z = Math.random() * 20 - 10; ballMesh.position.set(x, y, z); scene.add(ballMesh); // Create physics body with the same size const ballShape = new CANNON.Sphere(radius); // Set light mass but keep dynamic behavior const mass = 1; const ballBody = new CANNON.Body({ mass: mass, shape: ballShape, material: ballPhysMaterial, position: new CANNON.Vec3(x, y, z), }); ballBody.type = CANNON.Body.DYNAMIC; // Reduce linear damping for more rolling effect ballBody.linearDamping = 0.01; ballBody.angularDamping = 0.01; // Initialize userData ballBody.userData = {}; // Link mesh and physics body ballMesh.userData.physicsBody = ballBody; ballBody.userData.mesh = ballMesh; // Add ball body to the world world.addBody(ballBody); // Store the balls in an array balls.push({ mesh: ballMesh, body: ballBody }); } function spawnFireball() { if (fireballs.length >= fireballConfig.maxFireballs) { const oldestFireball = fireballs.shift(); oldestFireball.destroy(); } if (!character) return; // Random side (left or right) const side = Math.random() < 0.5 ? -1 : 1; // Calculate spawn position const spawnZ = character.position.z - 30; // Spawn ahead of the player const spawnX = side * fireballConfig.spawnDistance; const spawnY = character.position.y + 20; const spawnPos = new THREE.Vector3(spawnX, spawnY, spawnZ); // Calculate direction towards character's predicted position const targetPos = new THREE.Vector3( 0, // Aim towards center lane spawnY - 10, spawnZ + 10 // Aim ahead of spawn point ); const direction = new THREE.Vector3() .subVectors(targetPos, spawnPos) .normalize(); const fireball = new Fireball(spawnPos, direction); fireballs.push(fireball); } function animate() { requestAnimationFrame(animate); const deltaTime = Math.min(clock.getDelta(), 0.1); if (assetsLoaded && !gameState.isGameOver) { // Update play time gameState.playTime += deltaTime; // Check if one hour has passed (3600 seconds) and texture hasn't been changed yet if (gameState.playTime >= 3600 && !gameState.textureChanged) { gameState.textureChanged = true; tileManager.currentTexture = tileManager.alternateTexture; // Update all existing tiles with new texture tileManager.tiles.forEach(tile => { if (tile.mesh.material) { tile.mesh.material.map = tileManager.alternateTexture; tile.mesh.material.needsUpdate = true; } }); } // Update score based on time alive if (character) { // Increase score based on seconds alive (deltaTime is in seconds) gameState.score += deltaTime * 10 * gameState.scoreMultiplier; // Multiply by 100 to make the score increment faster // Update score display scoreDisplay.innerHTML = `Score: ${Math.floor(gameState.score)}
High Score: ${Math.floor(gameState.highScore)}`; } // Update tile system if character exists if (character) { tileManager.update(character.position); } world.step(deltaTime); // Update hit effect if (isHit) { hitEffectTime -= deltaTime; if (hitEffectTime <= 0) { isHit = false; // Reset materials to original state character.traverse((child) => { if (child.isMesh && child.material && child.material._isCloned) { child.material.emissive = new THREE.Color(0x000000); child.material.emissiveIntensity = 0; } }); } } // Update invulnerability if (isInvulnerable) { invulnerableTime -= deltaTime; if (invulnerableTime <= 0) { isInvulnerable = false; } // Make character blink while invulnerable if (character) { character.visible = Math.sin(invulnerableTime * 15) > 0; } } else if (character) { character.visible = true; } updateCharacterMovement(deltaTime); // Update character movement updateCamera(); // Update camera to follow character if (character && characterBody) { // Adjust the character model's position based on the physics body character.position.copy(characterBody.position); } /** * Spawn balls every few seconds */ timeSinceLastBall += deltaTime; if (timeSinceLastBall >= ballSpawnInterval) { spawnBall(); timeSinceLastBall = 0; } // Update balls positions and remove those that fall off for (let i = balls.length - 1; i >= 0; i--) { const ball = balls[i]; // Update mesh position and rotation ball.mesh.position.copy(ball.body.position); ball.mesh.quaternion.copy(ball.body.quaternion); // Check if the ball has fallen below a certain Y position if (ball.body.position.y < -10) { // Remove the ball from the scene and physics world scene.remove(ball.mesh); world.removeBody(ball.body); // Remove the ball from the balls array balls.splice(i, 1); } } // Spawn and update monsters timeSinceLastMonster += deltaTime; if (timeSinceLastMonster >= monsterConfig.spawnInterval) { // Spawn monster in random lane const randomLane = monsterConfig.lanes[Math.floor(Math.random() * monsterConfig.lanes.length)]; const spawnPosition = new THREE.Vector3( randomLane, 1, character ? character.position.z - monsterConfig.spawnDistance : -monsterConfig.spawnDistance ); if (monsters.length < monsterConfig.maxMonsters) { const monster = new Monster(spawnPosition); monsters.push(monster); } timeSinceLastMonster = 0; } // Update monsters and check collisions for (let i = monsters.length - 1; i >= 0; i--) { const monster = monsters[i]; monster.update(deltaTime); // Check collision with character if (character && !isInvulnerable) { const distance = monster.mesh.position.distanceTo(character.position); if (distance < monster.currentSize + characterConfig.radius) { // Handle collision console.log("Hit by monster!"); gameState.health--; healthDisplay.innerHTML = '❤️'.repeat(gameState.health); if (gameState.health <= 0) { gameOver(); } else { isHit = true; hitEffectTime = characterConfig.hitEffectDuration; isInvulnerable = true; invulnerableTime = characterConfig.invulnerableDuration; } // Apply hit effect character.traverse((child) => { if (child.isMesh && child.material) { if (!child.material._isCloned) { child.material = child.material.clone(); child.material._isCloned = true; } child.material.emissive = new THREE.Color(1, 0, 0); child.material.emissiveIntensity = characterConfig.hitFlashIntensity; } }); monster.destroy(); monsters.splice(i, 1); continue; } } // Remove monsters that are too far behind if (character && monster.mesh.position.z > character.position.z + 10) { monster.destroy(); monsters.splice(i, 1); } } // Update and check fireballs timeSinceLastFireball += deltaTime; if (gameState.score >= 200 && timeSinceLastFireball >= fireballConfig.spawnInterval) { spawnFireball(); timeSinceLastFireball = 0; } // Update fireballs and check for collisions for (let i = fireballs.length - 1; i >= 0; i--) { const fireball = fireballs[i]; fireball.update(); // Check collision with character if (character && characterBody && !isInvulnerable) { const distance = fireball.mesh.position.distanceTo(character.position); if (distance < fireballConfig.size + characterConfig.radius * 2) { // Handle collision console.log("Hit by fireball!"); gameState.health--; healthDisplay.innerHTML = '❤️'.repeat(gameState.health); if (gameState.health <= 0) { gameOver(); } else { isHit = true; hitEffectTime = characterConfig.hitEffectDuration; isInvulnerable = true; invulnerableTime = characterConfig.invulnerableDuration; } // Apply hit effect to all character materials character.traverse((child) => { if (child.isMesh && child.material) { // Clone the material if it hasn't been cloned yet if (!child.material._isCloned) { child.material = child.material.clone(); child.material._isCloned = true; } // Set emissive color and intensity child.material.emissive = new THREE.Color(1, 0, 0); child.material.emissiveIntensity = characterConfig.hitFlashIntensity; } }); fireball.destroy(); fireballs.splice(i, 1); continue; } } // Remove fireballs that are too far behind if (character && fireball.mesh.position.z > character.position.z + 10) { fireball.destroy(); fireballs.splice(i, 1); } } // Update spike system timeSinceLastSpike += deltaTime; if (gameState.score >= 400 && timeSinceLastSpike >= spikeConfig.spawnInterval) { // Spawn from random side (left or right) const side = Math.random() < 0.5 ? -1 : 1; const spawnPosition = new THREE.Vector3( side * spikeConfig.spawnDistance, 1.5, // Slightly above ground character ? character.position.z - 40 : -40 ); if (spikes.length < spikeConfig.maxSpikes) { const spike = new Spike(spawnPosition, -side); // Direction is opposite of spawn side spikes.push(spike); } timeSinceLastSpike = 0; } // Update spikes and check collisions for (let i = spikes.length - 1; i >= 0; i--) { const spike = spikes[i]; spike.update(deltaTime); // Check collision with character if (character && !isInvulnerable) { const distance = spike.mesh.position.distanceTo(character.position); if (distance < spikeConfig.size + characterConfig.radius) { // Handle collision console.log("Hit by spike!"); gameState.health--; healthDisplay.innerHTML = '❤️'.repeat(gameState.health); if (gameState.health <= 0) { gameOver(); } else { isHit = true; hitEffectTime = characterConfig.hitEffectDuration; isInvulnerable = true; invulnerableTime = characterConfig.invulnerableDuration; } // Apply hit effect character.traverse((child) => { if (child.isMesh && child.material) { if (!child.material._isCloned) { child.material = child.material.clone(); child.material._isCloned = true; } child.material.emissive = new THREE.Color(1, 0, 0); child.material.emissiveIntensity = characterConfig.hitFlashIntensity; } }); // Spawn a heart pickup after destroying the spike const heartPosition = new THREE.Vector3( 0, // Center lane 2, // Slightly above ground spike.mesh.position.z - 10 // Behind where the spike was ); const heart = new HeartPickup(heartPosition); hearts.push(heart); spike.destroy(); spikes.splice(i, 1); continue; } } // Remove spikes that are too far to the sides if (Math.abs(spike.mesh.position.x) > spikeConfig.spawnDistance * 2) { spike.destroy(); spikes.splice(i, 1); } } // Update hearts and check collisions for (let i = hearts.length - 1; i >= 0; i--) { const heart = hearts[i]; heart.update(deltaTime); // Check collision with character if (character) { const distance = heart.mesh.position.distanceTo(character.position); if (distance < heartConfig.size + characterConfig.radius) { // Heal the player if (gameState.health < gameState.maxHealth) { gameState.health++; healthDisplay.innerHTML = '❤️'.repeat(gameState.health); } // Remove the heart heart.destroy(); hearts.splice(i, 1); continue; } } // Remove hearts that are too far behind if (character && heart.mesh.position.z > character.position.z + 10) { heart.destroy(); hearts.splice(i, 1); } } // Update fog system timeSinceLastFog += deltaTime; if (gameState.score >= 300 && timeSinceLastFog >= fogConfig.spawnInterval) { // Spawn fog in random lane const randomLane = fogConfig.lanes[Math.floor(Math.random() * fogConfig.lanes.length)]; const spawnPosition = new THREE.Vector3( randomLane, 2, // Slightly above ground character ? character.position.z - fogConfig.spawnDistance : -fogConfig.spawnDistance ); if (fogs.length < fogConfig.maxFogs) { const fog = new FogShape(spawnPosition); fogs.push(fog); } timeSinceLastFog = 0; } // Update fogs for (let i = fogs.length - 1; i >= 0; i--) { const fog = fogs[i]; fog.update(deltaTime); // Remove fogs that are too far behind if (character && fog.mesh.position.z > character.position.z + 10) { fog.destroy(); fogs.splice(i, 1); } } // Update teacher position and scale if (teacher && character) { // Update scale teacherConfig.currentScale = Math.min( teacherConfig.currentScale + teacherConfig.growthRate * deltaTime, teacherConfig.maxScale ); teacher.scale.setScalar(teacherConfig.currentScale); // Update position to stay ahead of player teacher.position.z = character.position.z - teacherConfig.followDistance; teacher.position.y = teacherConfig.heightOffset; // Make teacher always face the player teacher.lookAt(character.position); // Add slight swaying motion teacher.rotation.y += Math.sin(Date.now() * 0.001) * 0.1; // Update teacher audio teacher.timeSinceLastLine += deltaTime; teacher.timeAlive += deltaTime; // Play next line if it's time if (teacher.currentLine < teacherLines.length && teacher.timeSinceLastLine >= teacher.lineInterval && !teacher.audioSource.isPlaying) { teacher.timeSinceLastLine = 0; teacher.currentLine = (teacher.currentLine + 1); // Load and play next line audioLoader.load(teacherLines[teacher.currentLine], (buffer) => { teacher.audioSource.setBuffer(buffer); teacher.audioSource.setVolume(1); teacher.audioSource.play(); }); } // Check if it's time for victory sound if (!teacher.victoryPlayed && teacher.timeAlive >= teacher.victoryTime) { teacher.victoryPlayed = true; audioLoader.load(victorySound, (buffer) => { teacher.audioSource.setBuffer(buffer); teacher.audioSource.setVolume(1); teacher.audioSource.play(); }); } // Update audio position to match teacher teacher.audioSource.position.copy(teacher.position); teacher.audioSource.position.z = character.position.z; } // No need to call controls.update() here as it's called in updateCamera() } composer.render(); } // Handle window resize function onWindowResize() { const width = parentDiv.clientWidth; const height = parentDiv.clientHeight; // Update camera camera.aspect = width / height; camera.updateProjectionMatrix(); // Update renderer and composer renderer.setSize(width, height); composer.setSize(width, height); // Update post-processing passes bloomPass.resolution.set(width, height); smaaPass.setSize(width, height); } // Add event listeners window.addEventListener('resize', onWindowResize); const resizeObserver = new ResizeObserver(onWindowResize); resizeObserver.observe(parentDiv); // Start animation animate(); // Game over function function gameOver() { gameState.isGameOver = true; gameOverScreen.style.display = 'block'; // Update high score if current score is higher if (gameState.score > gameState.highScore) { gameState.highScore = gameState.score; localStorage.setItem('highScore', gameState.highScore); } // Update game over screen to show final score gameOverScreen.innerHTML = `

GAME OVER

Score: ${Math.floor(gameState.score)}

High Score: ${Math.floor(gameState.highScore)}

Click to restart

`; // Stop character movement if (characterBody) { characterBody.velocity.set(0, 0, 0); } // Stop animations if (mixer) { mixer.stopAllAction(); } } // Restart game function function restartGame() { gameState.isGameOver = false; gameState.health = gameState.maxHealth; gameState.score = 0; gameState.scoreMultiplier = 1; gameState.playTime = 0; gameState.textureChanged = false; // Reset texture tileManager.currentTexture = tileManager.grassTexture; tileManager.tiles.forEach(tile => { if (tile.mesh.material) { tile.mesh.material.map = tileManager.grassTexture; tile.mesh.material.needsUpdate = true; } }); gameOverScreen.style.display = 'none'; healthDisplay.innerHTML = '❤️'.repeat(gameState.health); scoreDisplay.innerHTML = `Score: ${gameState.score}
High Score: ${Math.floor(gameState.highScore)}`; // Reset character position if (characterBody) { characterBody.position.set(0, characterConfig.startHeight, 0); characterBody.velocity.set(0, 0, 0); } // Reset materials to original state character.traverse((child) => { if (child.isMesh && child.material && child.material._isCloned) { child.material.emissive = new THREE.Color(0x000000); child.material.emissiveIntensity = 0; } }); // Reset teacher if (teacher) { teacher.position.set(0, teacherConfig.heightOffset, -200); teacherConfig.currentScale = teacherConfig.initialScale; teacher.scale.setScalar(teacherConfig.currentScale); } // Clear all monsters, fireballs, fogs, spikes and hearts monsters.forEach(monster => monster.destroy()); monsters.length = 0; fireballs.forEach(fireball => fireball.destroy()); fireballs.length = 0; fogs.forEach(fog => fog.destroy()); fogs.length = 0; spikes.forEach(spike => spike.destroy()); spikes.length = 0; hearts.forEach(heart => heart.destroy()); hearts.length = 0; // Reset timers timeSinceLastMonster = 0; timeSinceLastFireball = 0; // Reset animations if needed if (mixer && idleAction) { idleAction.reset().play(); } } // Add click event listener for restart gameOverScreen.addEventListener('click', restartGame);