Code edit (3 edits merged)

Please save this source code

User prompt

update with: function initObjectPools() { for (var i = 0; i < POOL_SIZE_FIREBALLS; i++) { var fireball = new Fireball(); fireball.visible = false; fireball.active = false; // Add this line game.addChild(fireball); fireballPool.push(fireball); } // ... }

User prompt

Please fix the bug: 'TypeError: currentEnemy.deactivate is not a function. (In 'currentEnemy.deactivate()', 'currentEnemy.deactivate' is undefined)' in or related to this line: 'currentEnemy.deactivate();' Line Number: 587

Code edit (1 edits merged)

Please save this source code

User prompt

Update with: if (currentEnemy.toDestroy) { currentEnemy.destroy(); enemies.splice(k, 1); continue; }

User prompt

Update with: LK.setTimeout(function () { if (fireballs.indexOf(fireball) !== -1) { fireball.deactivate(); } }, 100);

User prompt

Update with: if (fireball.y < -100) { fireball.deactivate(); continue; }

User prompt

Update with: function createFireParticle(x, y) { var particle = particlePool.find(function(p) { return !p.visible; }); if (particle) { particle.activate(x, y); fireParticles.push(particle); } }

User prompt

Update with: function spawnFireball() { if (!gameActive || firepower < 10) { return; } var now = Date.now(); if (now - lastFireTime < fireRate) { return; } lastFireTime = now; // Find available fireball from pool var fireball = fireballPool.find(function(fb) { return !fb.visible; }); if (fireball) { fireball.activate(dragon.x, dragon.y + 50); fireballs.push(fireball); // Use firepower firepower -= firepowerUseRate; powerBar.setPower(firepower / maxFirepower); // Play sound LK.getSound('firebreathSound').play(); } }

User prompt

Update with: self.update = function() { self.x += self.vx; self.y += self.vy; self.age++; particle.alpha = 1 - self.age / self.lifespan; if (self.age >= self.lifespan) { self.deactivate(); // Use deactivate instead of destroy } };

Code edit (1 edits merged)

Please save this source code

User prompt

Update with: var FlyingBackground = Container.expand(function () { var self = Container.call(this); // Create sky background (top half) var sky = self.attachAsset('skyBackground', { anchorX: 0.5, anchorY: 1.0, // Anchor to bottom x: 2048/2, y: 2732/2 // Place at middle of screen (horizon line) }); // Create field background (bottom half) var field = self.attachAsset('fieldBackground', { anchorX: 0.5, anchorY: 0, // Anchor to top x: 2048/2, y: 2732/2 // Place at middle of screen (horizon line) }); // Horizon line is at y = 2732/2 self.horizonY = 2732/2; // Create clouds self.clouds = []; for (var i = 0; i < 8; i++) { // Start clouds with larger scale farther from horizon var startY = self.horizonY - 400 - Math.random() * 600; var distanceFromHorizon = Math.abs(startY - self.horizonY); var startScale = 0.5 + (distanceFromHorizon / 800); var cloud = self.attachAsset('cloudShape', { anchorX: 0.5, anchorY: 0.5, x: Math.random() * 2048, y: startY, alpha: 0.8, scaleX: startScale, scaleY: startScale * 0.8 }); // Store with motion properties self.clouds.push({ sprite: cloud, speedY: 1 + Math.random() * 2, speedX: (Math.random() - 0.5) * 1.5, // Slight side-to-side drift targetY: self.horizonY }); } // Create field elements self.fieldElements = []; for (var j = 0; j < 12; j++) { // Start field elements with larger scale farther from horizon var fieldStartY = self.horizonY + 400 + Math.random() * 800; var fieldDistanceFromHorizon = Math.abs(fieldStartY - self.horizonY); var fieldStartScale = 0.5 + (fieldDistanceFromHorizon / 1000); var fieldElement = self.attachAsset('fieldElement', { anchorX: 0.5, anchorY: 0.5, x: Math.random() * 2048, y: fieldStartY, scaleX: fieldStartScale, scaleY: fieldStartScale * 0.8 }); // Store with motion properties self.fieldElements.push({ sprite: fieldElement, speedY: 2 + Math.random() * 3, speedX: (Math.random() - 0.5) * 3, // More side-to-side movement for field elements targetY: self.horizonY }); } self.update = function() { // Update clouds for (var i = 0; i < self.clouds.length; i++) { var cloud = self.clouds[i]; // Move cloud toward horizon cloud.sprite.y += cloud.speedY; cloud.sprite.x += cloud.speedX; // Calculate scale based on distance from horizon var distanceFactor = Math.max(0.05, (cloud.sprite.y - self.horizonY) / -500); cloud.sprite.scaleX = distanceFactor; cloud.sprite.scaleY = distanceFactor * 0.8; // Adjust alpha for fade effect near horizon cloud.sprite.alpha = Math.min(0.9, distanceFactor); // Reset cloud if it reaches horizon or gets too small if (cloud.sprite.y >= self.horizonY - 10 || cloud.sprite.scaleX < 0.1) { cloud.sprite.y = self.horizonY - 800 - Math.random() * 400; cloud.sprite.x = Math.random() * 2048; var newDistanceFactor = (cloud.sprite.y - self.horizonY) / -500; cloud.sprite.scaleX = newDistanceFactor; cloud.sprite.scaleY = newDistanceFactor * 0.8; cloud.sprite.alpha = 0.8; } } // Update field elements for (var j = 0; j < self.fieldElements.length; j++) { var element = self.fieldElements[j]; // Move field element toward horizon element.sprite.y -= element.speedY; element.sprite.x += element.speedX; // Calculate scale based on distance from horizon var fieldDistanceFactor = Math.max(0.05, (element.sprite.y - self.horizonY) / 500); element.sprite.scaleX = fieldDistanceFactor; element.sprite.scaleY = fieldDistanceFactor * 0.8; // Adjust alpha for fade effect near horizon element.sprite.alpha = Math.min(0.9, fieldDistanceFactor); // Reset field element if it reaches horizon or goes off screen if (element.sprite.y <= self.horizonY + 10 || element.sprite.scaleX < 0.1 || element.sprite.x < -50 || element.sprite.x > 2048 + 50) { element.sprite.y = self.horizonY + 800 + Math.random() * 400; element.sprite.x = Math.random() * 2048; var newFieldDistanceFactor = (element.sprite.y - self.horizonY) / 500; element.sprite.scaleX = newFieldDistanceFactor; element.sprite.scaleY = newFieldDistanceFactor * 0.8; element.sprite.alpha = 0.9; } } }; return self; });

Code edit (1 edits merged)

Please save this source code

User prompt

Update with: self.update = function () { self.y -= self.speed; // Enemies move up the screen toward the player // Calculate scale based on y position (smaller as they approach dragon) var maxDistance = 2732; // Screen height var minScale = 0.3; // Smallest size var maxScale = 2.0; // Largest size var distancePercent = (self.y) / maxDistance; var newScale = minScale + (distancePercent * (maxScale - minScale)); // Apply scaling self.scaleX = newScale; self.scaleY = newScale; // Also adjust speed based on proximity (slower as they get closer) var baseSpeed = self.type; self.speed = baseSpeed * (0.5 + (distancePercent * 0.5)); };

Code edit (1 edits merged)

Please save this source code

User prompt

Update with: var GroundScroller = Container.expand(function () { var self = Container.call(this); // Set up ground configuration self.scrollSpeed = -5; // NEGATIVE to scroll upward self.horizonY = 2732 * 0.7; // Horizon at 70% down the screen self.groundWidth = 2048; // Width at bottom self.groundWidthFar = 2048; // Make horizon line full width self.segmentHeight = 300; // Add a thinner horizon line that spans full width var horizon = self.attachAsset('groundFar', { anchorX: 0.5, anchorY: 1 // Anchor at bottom }); horizon.x = 2048 / 2; horizon.y = self.horizonY; horizon.width = 2048; // Full width horizon.height = 10; // Make it thinner horizon.tint = 0x555555; // Darker color // Calculate how many segments we need to fill screen self.segmentCount = Math.ceil((2732 - self.horizonY) / self.segmentHeight) + 2; self.segments = []; // Create segments by using boxes with varying widths for (var i = 0; i < self.segmentCount; i++) { var segmentContainer = new Container(); self.addChild(segmentContainer); // Position from horizon down segmentContainer.y = self.horizonY + i * self.segmentHeight; segmentContainer.x = 2048 / 2; // Center horizontally // Calculate widths based on distance from horizon var distFromHorizon = segmentContainer.y - self.horizonY; var totalDist = 2732 - self.horizonY; var perspectiveFactor = Math.min(1, distFromHorizon / totalDist); var segmentWidth = self.groundWidthFar * (0.7 + 0.3 * perspectiveFactor); // Create main segment var segment = segmentContainer.attachAsset('ground', { anchorX: 0.5, anchorY: 0 }); segment.width = segmentWidth; segment.height = self.segmentHeight; // Store for scrolling self.segments.push({ container: segmentContainer, segment: segment, origY: segmentContainer.y }); } self.update = function() { // Scroll all segments upward (negative direction) for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; seg.container.y += self.scrollSpeed; // If segment has moved completely above horizon, move it to the bottom if (seg.container.y < self.horizonY - self.segmentHeight) { // Find the segment that's currently lowest var lowestY = -Infinity; for (var j = 0; j < self.segments.length; j++) { if (j !== i && self.segments[j].container.y > lowestY) { lowestY = self.segments[j].container.y; } } // Place this segment below the lowest one seg.container.y = lowestY + self.segmentHeight; } // Update width based on perspective for a smoother effect var distFromHorizon = seg.container.y - self.horizonY; var totalDist = 2732 - self.horizonY; var perspectiveFactor = Math.min(1, distFromHorizon / totalDist); // Calculate width - wider at bottom, narrower at horizon var segmentWidth = 2048 * (0.7 + 0.3 * perspectiveFactor); seg.segment.width = segmentWidth; } }; return self; });

User prompt

Update with: var GroundScroller = Container.expand(function () { var self = Container.call(this); // Set up ground configuration self.scrollSpeed = 5; self.horizonY = 2732 * 0.7; // Horizon at 70% down the screen self.groundWidth = 2048; // Width at bottom self.groundWidthFar = 1200; // Width at horizon self.segmentHeight = 300; // Add a horizon line var horizon = self.attachAsset('groundFar', { anchorX: 0.5, anchorY: 1 // Anchor at bottom }); horizon.x = 2048 / 2; horizon.y = self.horizonY; horizon.width = self.groundWidthFar; // Calculate how many segments we need to fill screen self.segmentCount = Math.ceil((2732 - self.horizonY) / self.segmentHeight) + 2; self.segments = []; // Create segments by using multiple boxes side by side for (var i = 0; i < self.segmentCount; i++) { var segmentContainer = new Container(); self.addChild(segmentContainer); // Position from horizon down segmentContainer.y = self.horizonY + i * self.segmentHeight; segmentContainer.x = 2048 / 2; // Center horizontally // Calculate widths based on distance from horizon var distFromHorizon = segmentContainer.y - self.horizonY; var totalDist = 2732 - self.horizonY; var perspectiveFactor = Math.min(1, distFromHorizon / totalDist); var topWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * perspectiveFactor; var bottomWidth = topWidth + (self.scrollSpeed * 2); // Make bottom slightly wider // Create main segment var segment = segmentContainer.attachAsset('ground', { anchorX: 0.5, anchorY: 0 }); segment.width = topWidth; segment.height = self.segmentHeight; // Store for scrolling self.segments.push({ container: segmentContainer, segment: segment, topWidth: topWidth, bottomWidth: bottomWidth }); } self.update = function() { // Scroll all segments downward for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; seg.container.y += self.scrollSpeed; // If segment has moved completely below screen, move it to the top if (seg.container.y > 2732 + self.segmentHeight) { // Find the segment that's currently highest var highestY = Infinity; for (var j = 0; j < self.segments.length; j++) { if (j !== i && self.segments[j].container.y < highestY) { highestY = self.segments[j].container.y; } } // Place this segment above the highest one seg.container.y = highestY - self.segmentHeight; // Recalculate width based on new position var distFromHorizon = seg.container.y - self.horizonY; var totalDist = 2732 - self.horizonY; var perspectiveFactor = Math.min(1, distFromHorizon / totalDist); var newWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * perspectiveFactor; seg.segment.width = newWidth; } // Update width based on perspective for a smoother effect var distFromHorizon = seg.container.y - self.horizonY; var totalDist = 2732 - self.horizonY; var perspectiveFactor = Math.min(1, distFromHorizon / totalDist); var newWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * perspectiveFactor; seg.segment.width = newWidth; } }; return self; });

User prompt

Please fix the bug: 'undefined is not a constructor (evaluating 'new Graphics()')' in or related to this line: 'var trapezoid = new Graphics();' Line Number: 251

User prompt

Please fix the bug: 'undefined is not a constructor (evaluating 'new LK.Graphics()')' in or related to this line: 'var trapezoid = new LK.Graphics();' Line Number: 251

User prompt

Update with: var GroundScroller = Container.expand(function () { var self = Container.call(this); // Set up ground configuration self.scrollSpeed = 5; // Now this will be positive to scroll downward self.horizonY = 2732 * 0.7; // Horizon at 70% down the screen self.groundWidth = 2048; // Width at bottom self.groundWidthFar = 1200; // Width at horizon self.segmentHeight = 300; // Calculate how many segments we need to fill screen self.segmentCount = Math.ceil((2732 - self.horizonY) / self.segmentHeight) + 2; // +2 for overlap self.segments = []; // Create trapezoid-shaped ground segments using multiple ground pieces for (var i = 0; i < self.segmentCount; i++) { // Create a container for this segment var segmentContainer = new Container(); self.addChild(segmentContainer); segmentContainer.x = 2048 / 2; // Center horizontally // Position segment from horizon and down var yPos = self.horizonY + i * self.segmentHeight; segmentContainer.y = yPos; // Calculate top and bottom widths for this segment var distFromHorizonTop = yPos - self.horizonY; var distFromHorizonBottom = yPos + self.segmentHeight - self.horizonY; var totalDist = 2732 - self.horizonY; var topWidthFactor = Math.min(1, distFromHorizonTop / totalDist); var bottomWidthFactor = Math.min(1, distFromHorizonBottom / totalDist); var topWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * topWidthFactor; var bottomWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * bottomWidthFactor; // Instead of one rectangle, create a trapezoid using custom graphics var trapezoid = new LK.Graphics(); segmentContainer.addChild(trapezoid); // Set color and draw trapezoid trapezoid.beginFill(0x8B4513); trapezoid.moveTo(-topWidth/2, 0); trapezoid.lineTo(topWidth/2, 0); trapezoid.lineTo(bottomWidth/2, self.segmentHeight); trapezoid.lineTo(-bottomWidth/2, self.segmentHeight); trapezoid.lineTo(-topWidth/2, 0); trapezoid.endFill(); // Store in our array for scrolling self.segments.push({ container: segmentContainer, trapezoid: trapezoid, topWidth: topWidth, bottomWidth: bottomWidth }); } // Add a horizon line var horizon = self.attachAsset('groundFar', { anchorX: 0.5, anchorY: 1 // Anchor at bottom }); horizon.x = 2048 / 2; horizon.y = self.horizonY; horizon.width = self.groundWidthFar; self.update = function() { // Scroll all segments downward (positive direction) for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; seg.container.y += self.scrollSpeed; // If segment has moved completely below screen, move it to the top if (seg.container.y > 2732 + self.segmentHeight) { // Find the segment that's currently highest var highestY = Infinity; for (var j = 0; j < self.segments.length; j++) { if (j !== i && self.segments[j].container.y < highestY) { highestY = self.segments[j].container.y; } } // Place this segment above the highest one seg.container.y = highestY - self.segmentHeight; // Recalculate trapezoid dimensions based on new position var yPos = seg.container.y; var distFromHorizonTop = yPos - self.horizonY; var distFromHorizonBottom = yPos + self.segmentHeight - self.horizonY; var totalDist = 2732 - self.horizonY; var topWidthFactor = Math.min(1, distFromHorizonTop / totalDist); var bottomWidthFactor = Math.min(1, distFromHorizonBottom / totalDist); var topWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * topWidthFactor; var bottomWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * bottomWidthFactor; // Update trapezoid seg.trapezoid.clear(); seg.trapezoid.beginFill(0x8B4513); seg.trapezoid.moveTo(-topWidth/2, 0); seg.trapezoid.lineTo(topWidth/2, 0); seg.trapezoid.lineTo(bottomWidth/2, self.segmentHeight); seg.trapezoid.lineTo(-bottomWidth/2, self.segmentHeight); seg.trapezoid.lineTo(-topWidth/2, 0); seg.trapezoid.endFill(); } } }; return self; });

User prompt

Reverse the direction of the ground scroll.

User prompt

Update with: var GroundScroller = Container.expand(function () { var self = Container.call(this); // Set up ground configuration self.scrollSpeed = 5; self.horizonY = 2732 * 0.7; // Move horizon lower (70% down the screen) self.groundWidth = 2048; self.groundWidthFar = 1200; // Width at horizon self.segmentHeight = 300; // Calculate how many segments we need to fill screen self.segmentCount = Math.ceil((2732 - self.horizonY) / self.segmentHeight) + 1; self.segments = []; // Create trapezoid-shaped ground segments for (var i = 0; i < self.segmentCount; i++) { // Create a container for this segment (to handle the trapezoid shape) var segmentContainer = new Container(); self.addChild(segmentContainer); // Create the actual ground piece var segment = segmentContainer.attachAsset('ground', { anchorX: 0.5, anchorY: 0 // Anchor at top }); // Position the segment segmentContainer.y = self.horizonY + i * self.segmentHeight; segmentContainer.x = 2048 / 2; // Center horizontally // Store in our array for scrolling self.segments.push({ container: segmentContainer, segment: segment, index: i }); } // Add a horizon line var horizon = self.attachAsset('groundFar', { anchorX: 0.5, anchorY: 1 // Anchor at bottom }); horizon.x = 2048 / 2; // Center horizontally horizon.y = self.horizonY; horizon.width = self.groundWidthFar; // Update trapezoid shapes based on their position self.updateSegmentShapes = function() { for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; var distFromHorizon = seg.container.y - self.horizonY; // Calculate width based on distance from horizon // Segments closer to horizon are narrower var perspectiveFactor = Math.min(1, distFromHorizon / (2732 - self.horizonY)); var segmentWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * perspectiveFactor; // Update the segment shape seg.segment.width = segmentWidth; seg.segment.x = 0; // Center within container // Make closer segments taller for better perspective seg.segment.height = self.segmentHeight * (0.7 + 0.3 * perspectiveFactor); } }; self.update = function() { // Scroll all segments downward for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; seg.container.y += self.scrollSpeed; // If segment has moved completely below screen, move it to the top if (seg.container.y > 2732 + self.segmentHeight) { // Find the segment that's currently highest var highestY = Infinity; for (var j = 0; j < self.segments.length; j++) { if (j !== i && self.segments[j].container.y < highestY) { highestY = self.segments[j].container.y; } } // Place this segment above the highest one seg.container.y = highestY - self.segmentHeight; } } // Update shapes each frame to maintain perspective self.updateSegmentShapes(); }; // Initialize shapes self.updateSegmentShapes(); return self; });

User prompt

Update with: var GroundScroller = Container.expand(function () { var self = Container.call(this); // Set up ground configuration self.scrollSpeed = 5; self.horizonY = 2732 * 0.7; // Move horizon lower (70% down the screen) self.groundWidth = 2048; self.groundWidthFar = 1200; // Width at horizon self.segmentHeight = 300; // Calculate how many segments we need to fill screen self.segmentCount = Math.ceil((2732 - self.horizonY) / self.segmentHeight) + 1; self.segments = []; // Create trapezoid-shaped ground segments for (var i = 0; i < self.segmentCount; i++) { // Create a container for this segment (to handle the trapezoid shape) var segmentContainer = new Container(); self.addChild(segmentContainer); // Create the actual ground piece var segment = segmentContainer.attachAsset('ground', { anchorX: 0.5, anchorY: 0 // Anchor at top }); // Position the segment segmentContainer.y = self.horizonY + i * self.segmentHeight; segmentContainer.x = 2048 / 2; // Center horizontally // Store in our array for scrolling self.segments.push({ container: segmentContainer, segment: segment, index: i }); } // Add a horizon line var horizon = self.attachAsset('groundFar', { anchorX: 0.5, anchorY: 1 // Anchor at bottom }); horizon.x = 2048 / 2; // Center horizontally horizon.y = self.horizonY; horizon.width = self.groundWidthFar; // Update trapezoid shapes based on their position self.updateSegmentShapes = function() { for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; var distFromHorizon = seg.container.y - self.horizonY; // Calculate width based on distance from horizon // Segments closer to horizon are narrower var perspectiveFactor = Math.min(1, distFromHorizon / (2732 - self.horizonY)); var segmentWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * perspectiveFactor; // Update the segment shape seg.segment.width = segmentWidth; seg.segment.x = 0; // Center within container // Make closer segments taller for better perspective seg.segment.height = self.segmentHeight * (0.7 + 0.3 * perspectiveFactor); } }; self.update = function() { // Scroll all segments downward for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; seg.container.y += self.scrollSpeed; // If segment has moved completely below screen, move it to the top if (seg.container.y > 2732 + self.segmentHeight) { // Find the segment that's currently highest var highestY = Infinity; for (var j = 0; j < self.segments.length; j++) { if (j !== i && self.segments[j].container.y < highestY) { highestY = self.segments[j].container.y; } } // Place this segment above the highest one seg.container.y = highestY - self.segmentHeight; } } // Update shapes each frame to maintain perspective self.updateSegmentShapes(); }; // Initialize shapes self.updateSegmentShapes(); return self; });

User prompt

Update with: var GroundScroller = Container.expand(function () { var self = Container.call(this); // Set up ground configuration self.scrollSpeed = 5; self.horizonY = 2732 * 0.5; // Horizon at middle of screen self.groundWidth = 2048; self.groundWidthFar = 1200; // Width at horizon self.segmentHeight = 300; // Calculate how many segments we need to fill screen self.segmentCount = Math.ceil(2732 / self.segmentHeight) + 1; self.segments = []; // Create trapezoid-shaped ground segments for (var i = 0; i < self.segmentCount; i++) { // Create a container for this segment (to handle the trapezoid shape) var segmentContainer = new Container(); self.addChild(segmentContainer); // Create the actual ground piece var segment = segmentContainer.attachAsset('ground', { anchorX: 0.5, anchorY: 0 // Anchor at top }); // Position the segment segmentContainer.y = self.horizonY + i * self.segmentHeight; // Store in our array for scrolling self.segments.push({ container: segmentContainer, segment: segment, index: i }); } // Add a horizon line var horizon = self.attachAsset('groundFar', { anchorX: 0.5, anchorY: 1 // Anchor at bottom }); horizon.x = self.groundWidth / 2; horizon.y = self.horizonY; horizon.width = self.groundWidthFar; // Update trapezoid shapes based on their position self.updateSegmentShapes = function() { for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; var distFromHorizon = seg.container.y - self.horizonY; // Calculate width based on distance from horizon // Segments closer to horizon are narrower var perspectiveFactor = Math.min(1, distFromHorizon / (2732 - self.horizonY)); var segmentWidth = self.groundWidthFar + (self.groundWidth - self.groundWidthFar) * perspectiveFactor; // Update the segment shape seg.segment.width = segmentWidth; seg.segment.x = segmentWidth / 2; // Center within container // Make closer segments taller for better perspective seg.segment.height = self.segmentHeight * (0.7 + 0.3 * perspectiveFactor); } }; self.update = function() { // Scroll all segments downward for (var i = 0; i < self.segments.length; i++) { var seg = self.segments[i]; seg.container.y += self.scrollSpeed; // If segment has moved completely below screen, move it to the top if (seg.container.y > 2732 + self.segmentHeight) { // Find the segment that's currently highest var highestY = Infinity; for (var j = 0; j < self.segments.length; j++) { if (j !== i && self.segments[j].container.y < highestY) { highestY = self.segments[j].container.y; } } // Place this segment above the highest one seg.container.y = highestY - self.segmentHeight; } } // Update shapes each frame to maintain perspective self.updateSegmentShapes(); }; // Initialize shapes self.updateSegmentShapes(); return self; });