Update index.html

index.html

@@ -134,11 +134,11 @@
     </div>
     <div id="instructions">
         <h2>Welcome to the Isle of Mull Ferry Driving Simulator!</h2>
-        <p>You're driving to catch the ferry to the Isle of Mull in Scotland. Practice safe driving on Scotland's unique single-track roads with passing places.</p>
+        <p>You're driving to catch the ferry to the Isle of Mull in Scotland. Practice safe driving on American-style roads.</p>
         
         <h3>How to Play:</h3>
         <ul style="text-align: left;">
-            <li>Drive on the <span class="highlight">left side</span> of the road</li>
+            <li>Drive on the <span class="highlight">right side</span> of the road</li>
             <li>Use <span class="highlight">W/S</span> or <span class="highlight">↑/↓</span> to accelerate/brake</li>
             <li>Use <span class="highlight">A/D</span> or <span class="highlight">←/→</span> to steer</li>
             <li>Press <span class="highlight">SPACE</span> or <span class="highlight">J</span> to jump (when driving fast)</li>
@@ -569,8 +569,8 @@
             car.castShadow = true;
             const {roadY,roadCurve} = getRoadPropertiesAtZ(worldZPosition);
             
-            // Fix lane positioning - oncoming cars should be on player's right side
-            const laneXOffset = isOncoming ? (roadWidth/4 + 0.25) : (-roadWidth/4 - 0.25);
+            // SWITCHED: For right-side driving, oncoming cars should be on player's left side
+            const laneXOffset = isOncoming ? (-roadWidth/4 - 0.25) : (roadWidth/4 + 0.25);
             car.position.set(roadCurve + laneXOffset, 1+roadY, worldZPosition); 
             car.rotation.y = isOncoming ? Math.PI : 0; 
             scene.add(car);
@@ -579,7 +579,23 @@
             leftHeadlight.position.set(-0.7,0.3,1.9); car.add(leftHeadlight);
             const rightHeadlight = new THREE.Mesh(new THREE.SphereGeometry(0.2,8,8), headlightMat);
             rightHeadlight.position.set(0.7,0.3,1.9); car.add(rightHeadlight);
-            aiCars.push({mesh:car,speed:isOncoming?8:10,isOncoming:isOncoming,honking:false,waiting:false,initialPositionZ:worldZPosition,flashing:false,waitingAtPassingPlace:false,flashingLights:false,leftHeadlight:leftHeadlight,rightHeadlight:rightHeadlight,politeness:Math.random()*0.8+0.2});
+            aiCars.push({
+                mesh:car,
+                speed:isOncoming?8:10,
+                baseSpeed:isOncoming?8:10, // Store original speed
+                isOncoming:isOncoming,
+                honking:false,
+                waiting:false,
+                initialPositionZ:worldZPosition,
+                flashing:false,
+                waitingAtPassingPlace:false,
+                flashingLights:false,
+                leftHeadlight:leftHeadlight,
+                rightHeadlight:rightHeadlight,
+                politeness:Math.random()*0.8+0.2,
+                avoidingPlayer:false, // New property for collision avoidance
+                reactionDistance:30 + Math.random() * 20 // Variable reaction distance
+            });
         }
         
         function createPassingPlaces() {
@@ -806,10 +822,12 @@
             
             aiCars.forEach(ai => {
                 const {roadY:rY, roadCurve:rC} = getRoadPropertiesAtZ(ai.initialPositionZ);
-                const lo = ai.isOncoming ? (roadWidth/4+0.25) : (-roadWidth/4-0.25);
+                // SWITCHED: Updated for right-side driving
+                const lo = ai.isOncoming ? (-roadWidth/4-0.25) : (roadWidth/4+0.25);
                 ai.mesh.position.set(rC+lo, 1+rY, ai.initialPositionZ);
                 ai.mesh.rotation.y = ai.isOncoming ? Math.PI : 0;
-                Object.assign(ai, {waiting:false,honking:false,waitingAtPassingPlace:false,flashingLights:false,isOvertaking:false});
+                Object.assign(ai, {waiting:false,honking:false,waitingAtPassingPlace:false,flashingLights:false,isOvertaking:false,avoidingPlayer:false});
+                ai.speed = ai.baseSpeed; // Reset to base speed
                 if(ai.leftHeadlight) ai.leftHeadlight.material.color.setHex(0xFFFFFF);
                 if(ai.rightHeadlight) ai.rightHeadlight.material.color.setHex(0xFFFFFF);
             });
@@ -976,12 +994,44 @@
         function updateAICars(delta) {
             carsBehind = []; 
             aiCars.forEach(ai => {
-                const carM=ai.mesh; let curSpd=ai.waiting||ai.waitingAtPassingPlace?0:ai.speed;
+                const carM=ai.mesh; 
+                
+                // NEW: Collision avoidance logic
+                const distToPlayer = playerCar.position.distanceTo(carM.position);
+                let targetSpeed = ai.baseSpeed;
+                ai.avoidingPlayer = false;
+                
+                if (ai.isOncoming) {
+                    // Oncoming cars should slow down when approaching player head-on
+                    if (distToPlayer < ai.reactionDistance && 
+                        Math.abs(carM.position.x - playerCar.position.x) < roadWidth * 0.8) {
+                        ai.avoidingPlayer = true;
+                        const slowdownFactor = Math.max(0.2, distToPlayer / ai.reactionDistance);
+                        targetSpeed = ai.baseSpeed * slowdownFactor;
+                    }
+                } else {
+                    // Cars behind player should slow down when getting too close
+                    const zDiff = playerCar.position.z - carM.position.z;
+                    if (zDiff > 0 && zDiff < ai.reactionDistance && 
+                        Math.abs(carM.position.x - playerCar.position.x) < roadWidth * 0.6) {
+                        ai.avoidingPlayer = true;
+                        const slowdownFactor = Math.max(0.3, zDiff / ai.reactionDistance);
+                        targetSpeed = Math.min(ai.baseSpeed * slowdownFactor, Math.abs(speed) * 0.8);
+                    }
+                }
+                
+                // Smoothly adjust speed towards target
+                ai.speed += (targetSpeed - ai.speed) * delta * 2;
+                
+                let curSpd=ai.waiting||ai.waitingAtPassingPlace?0:ai.speed;
                 const moveDist=curSpd*(ai.isOncoming?-1:1)*delta*2.5; carM.position.z+=moveDist;
                 const {roadY,roadCurve}=getRoadPropertiesAtZ(carM.position.z);
-                let tLaneXOff=ai.isOncoming?(roadWidth/4):(-roadWidth/4);
-                if(ai.isOvertaking)tLaneXOff=ai.isOncoming?(-roadWidth/4):(roadWidth/4);
+                
+                // SWITCHED: Updated for right-side driving
+                let tLaneXOff=ai.isOncoming?(-roadWidth/4):(-roadWidth/4);
+                if(ai.isOvertaking)tLaneXOff=ai.isOncoming?(roadWidth/4):(-roadWidth/4);
                 const tX=roadCurve+tLaneXOff; carM.position.x+=(tX-carM.position.x)*0.1; carM.position.y=1+roadY; 
+                
                 if(ai.isOncoming){
                     const dToP=playerCar.position.distanceTo(carM.position);
                     if(dToP<40&&!ai.waitingAtPassingPlace){
@@ -1006,8 +1056,11 @@
                 if(!ai.isOncoming&&carM.position.z<playerCar.position.z&&carM.position.z>playerCar.position.z-50)carsBehind.push(ai);
                 if(Math.abs(carM.position.z-(roadLength/2))>roadLength/2+100){
                     const iZ=ai.initialPositionZ; const{roadY:iRY,roadCurve:iRC}=getRoadPropertiesAtZ(iZ);
-                    const lo=ai.isOncoming?(roadWidth/4+0.25):(-roadWidth/4-0.25);
-                    carM.position.set(iRC+lo,1+iRY,iZ); Object.assign(ai,{waiting:false,waitingAtPassingPlace:false,isOvertaking:false,flashingLights:false});
+                    // SWITCHED: Updated for right-side driving
+                    const lo=ai.isOncoming?(-roadWidth/4-0.25):(roadWidth/4+0.25);
+                    carM.position.set(iRC+lo,1+iRY,iZ); 
+                    Object.assign(ai,{waiting:false,waitingAtPassingPlace:false,isOvertaking:false,flashingLights:false,avoidingPlayer:false});
+                    ai.speed = ai.baseSpeed; // Reset speed when respawning
                 }
             });
             updateRearViewMirror();
@@ -1017,7 +1070,8 @@
             const pZ=playerCar.position.z,pX=playerCar.position.x; const{roadCurve:pRC}=getRoadPropertiesAtZ(pZ);
             for(const pp of passingPlaces){
                 if(Math.abs(pZ-pp.position)<pp.length/2){
-                    if(pp.side===-1){if(pX<pRC-roadWidth/4&&Math.abs(speed)<5)return true;}
+                    // SWITCHED: Updated for right-side driving - player should pull to the right
+                    if(pp.side===1){if(pX>pRC+roadWidth/4&&Math.abs(speed)<5)return true;}
                 }
             }return false;
         }
@@ -1042,7 +1096,54 @@
         function checkCollisions() {
             const playerBox = new THREE.Box3().setFromObject(playerCar);
             potholes.forEach(pd=>{if(!pd.hit){const dist=playerCar.position.distanceTo(pd.mesh.position);if(dist<1.5){pd.hit=true;const oSpd=Math.abs(speed);speed*=0.6;decreaseHealth(15,"Hit a pothole!");if(oSpd>20){showMessage("Flat tire!",3);decreaseHealth(25,"Flat Tire!");}}}});
-            aiCars.forEach(aiD=>{const aiB=new THREE.Box3().setFromObject(aiD.mesh);if(playerBox.intersectsBox(aiB)){decreaseHealth(35,"Collided!");playerCar.position.z-=Math.sign(speed)*2.5;speed*=0.1;aiD.waiting=true;setTimeout(()=>{if(aiD)aiD.waiting=false;},2500);}});
+            
+            aiCars.forEach(aiD=>{
+                const aiB=new THREE.Box3().setFromObject(aiD.mesh);
+                if(playerBox.intersectsBox(aiB)){
+                    // NEW: Determine collision type and adjust damage accordingly
+                    let damage = 35; // Base damage
+                    let collisionType = "Collision!";
+                    
+                    // Check if it's a rear collision (player hitting AI from behind or AI hitting player from behind)
+                    const playerToAI = aiD.mesh.position.z - playerCar.position.z;
+                    const playerSpeed = Math.abs(speed);
+                    
+                    if (Math.abs(playerToAI) > 2) { // Not a side collision
+                        if ((playerToAI > 0 && speed > 0) || (playerToAI < 0 && speed < 0)) {
+                            // Rear collision - much less damage
+                            damage = Math.max(8, Math.floor(damage * 0.3)); // 70% damage reduction
+                            collisionType = "Rear collision!";
+                        }
+                    }
+                    
+                    // Speed-based damage adjustment
+                    const speedFactor = Math.max(0.5, playerSpeed / 30);
+                    damage = Math.floor(damage * speedFactor);
+                    
+                    decreaseHealth(damage, collisionType);
+                    playerCar.position.z-=Math.sign(speed)*2.5;
+                    speed*=0.1;
+                    aiD.waiting=true;
+                    setTimeout(()=>{if(aiD)aiD.waiting=false;},2500);
+                }
+            });
+        }
+
+        function checkLandingBonus(impactForce) {
+            // Award points for successful jumps and landings
+            if (jumpSpeed > 0) {
+                let bonusPoints = 0;
+                if (airTime > 1.0) bonusPoints += 100;
+                if (airTime > 2.0) bonusPoints += 200;
+                if (jumpSpeed > 30) bonusPoints += 150;
+                if (impactForce < 0.5) bonusPoints += 100; // Smooth landing bonus
+                
+                if (bonusPoints > 0) {
+                    score += bonusPoints;
+                    document.getElementById('score').textContent = `Score: ${score}`;
+                    showMessage(`Landing bonus: +${bonusPoints}!`, 2);
+                }
+            }
         }
 
         function updateHealthRegen(delta) {