:quality(85)/https:%2F%2Fcdn.frvr.ai/687687d36cee69bfadf32c0a.png)
:quality(85)/https:%2F%2Fcdn.frvr.ai/6876881e6cee69bfadf32c11.png)
Creation History
User prompt
Diver, return to where I shot ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
The diver was born where I shot, let him return ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Let the fish I shoot die
User prompt
let the background be blue
User prompt
When a monster or enemy hits a player, it takes 1 life and the player has 3 lives.
User prompt
can you make the background in the sea
User prompt
little monsters follow me ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
bullets should be removed from the screen
User prompt
Let the monster escape from me, let the monsters wander all over the screen. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Shoot the monster, let it grow bigger as you shoot, and let the monster explode at the end of the level, and let there be creatures walking around the screen. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Please fix the bug: 'ReferenceError: pacman is not defined' in or related to this line: 'enemy.targetX = pacman.x;' Line Number: 111
User prompt
Let the Octopus monster move and have monsters come out of its arms. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Please fix the bug: 'TypeError: e._webGL is undefined' in or related to this line: 'self.y = newY;' Line Number: 62
User prompt
Please fix the bug: 'TypeError: e._webGL is undefined' in or related to this line: 'self.y = newY;' Line Number: 60
User prompt
Please fix the bug: 'TypeError: e._webGL is undefined' in or related to this line: 'pacman.y = y;' Line Number: 232
User prompt
Please fix the bug: 'TypeError: e._webGL is undefined' in or related to this line: 'self.y = newY;' Line Number: 50
User prompt
When the line is completed, only the completed area will be visible ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
let it be level 2
User prompt
let the line be a straight line
User prompt
When Pacman leaves the line behind and completes the line, the background image will be visible as long as it is completed, there will be a monster wandering around, when the level is completed, the background image will wait for 10 seconds as a reward, there will be 10 levels. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
When Pacman leaves a line behind and completes the line, the background image will appear, there will be an octopus monster walking around, when the level is completed, the background image will wait for 10 seconds as a reward, and there will be 10 levels. ↪💡 Consider importing and using the following plugins: @upit/tween.v1
Code edit (1 edits merged)
Please save this source code
User prompt
Pacman Arena: Monster Escape
Initial prompt
Can you make a 2D game where the main character Pacman, a monster in the middle, creatures coming out from around her, moves around the background with the arrow keys and shows the entire background image after completing the level of the game?
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var CentralMonster = Container.expand(function () {
var self = Container.call(this);
var monsterGraphics = self.attachAsset('centralMonster', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0.8,
scaleY: 0.8
});
self.spawnTimer = 0;
self.spawnInterval = 120; // Spawn every 2 seconds at 60fps
self.armPositions = [{
x: -250,
y: -200
},
// Top left arm
{
x: 250,
y: -200
},
// Top right arm
{
x: -300,
y: 0
},
// Left arm
{
x: 300,
y: 0
},
// Right arm
{
x: -250,
y: 200
},
// Bottom left arm
{
x: 250,
y: 200
} // Bottom right arm
];
self.startMovement = function () {
// Create continuous floating movement
self.animateMovement();
};
self.animateMovement = function () {
// Random movement within center area
var newX = 1024 + (Math.random() - 0.5) * 200;
var newY = 1366 + (Math.random() - 0.5) * 200;
tween(self, {
x: newX,
y: newY
}, {
duration: 2000 + Math.random() * 1000,
easing: tween.easeInOut,
onFinish: function onFinish() {
self.animateMovement(); // Continue movement
}
});
// Add rotation animation
tween(self, {
rotation: self.rotation + (Math.random() - 0.5) * 0.5
}, {
duration: 1500 + Math.random() * 1000,
easing: tween.easeInOut
});
};
self.update = function () {
self.spawnTimer++;
// Spawn enemies from arms
if (self.spawnTimer >= self.spawnInterval) {
self.spawnTimer = 0;
self.spawnEnemy();
}
};
self.spawnEnemy = function () {
// Pick random arm position
var armIndex = Math.floor(Math.random() * self.armPositions.length);
var armPos = self.armPositions[armIndex];
// Create enemy at arm position (relative to monster)
var enemy = new Enemy();
enemy.x = self.x + armPos.x;
enemy.y = self.y + armPos.y;
enemy.targetX = pacman.x;
enemy.targetY = pacman.y;
enemies.push(enemy);
game.addChild(enemy);
// Add spawn effect
enemy.alpha = 0;
tween(enemy, {
alpha: 1,
scaleX: 0.3,
scaleY: 0.3
}, {
duration: 500,
easing: tween.easeOut
});
};
return self;
});
// Create central monster
var Enemy = Container.expand(function () {
var self = Container.call(this);
var enemyGraphics = self.attachAsset('enemy', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0.3,
scaleY: 0.3
});
self.speed = 2;
self.targetX = 0;
self.targetY = 0;
self.lastX = 0;
self.lastY = 0;
self.update = function () {
self.lastX = self.x;
self.lastY = self.y;
// Move towards target (pacman)
var dx = self.targetX - self.x;
var dy = self.targetY - self.y;
var distance = Math.sqrt(dx * dx + dy * dy);
if (distance > 0) {
self.x += dx / distance * self.speed;
self.y += dy / distance * self.speed;
}
// Remove if off screen
if (self.x < -100 || self.x > 2148 || self.y < -100 || self.y > 2832) {
self.destroy();
}
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
});
/****
* Game Code
****/
;
// Create central monster
var centralMonster = game.addChild(new CentralMonster());
centralMonster.x = 1024;
centralMonster.y = 1366;
// Array to track enemies
var enemies = [];
// Start monster movement
centralMonster.startMovement(); ===================================================================
--- original.js
+++ change.js
@@ -5,107 +5,139 @@
/****
* Classes
****/
-var OctopusMonster = Container.expand(function () {
+var CentralMonster = Container.expand(function () {
var self = Container.call(this);
var monsterGraphics = self.attachAsset('centralMonster', {
anchorX: 0.5,
- anchorY: 0.5
+ anchorY: 0.5,
+ scaleX: 0.8,
+ scaleY: 0.8
});
- self.speed = 2;
- self.direction = Math.random() * Math.PI * 2;
- self.changeDirectionTimer = 0;
+ self.spawnTimer = 0;
+ self.spawnInterval = 120; // Spawn every 2 seconds at 60fps
+ self.armPositions = [{
+ x: -250,
+ y: -200
+ },
+ // Top left arm
+ {
+ x: 250,
+ y: -200
+ },
+ // Top right arm
+ {
+ x: -300,
+ y: 0
+ },
+ // Left arm
+ {
+ x: 300,
+ y: 0
+ },
+ // Right arm
+ {
+ x: -250,
+ y: 200
+ },
+ // Bottom left arm
+ {
+ x: 250,
+ y: 200
+ } // Bottom right arm
+ ];
+ self.startMovement = function () {
+ // Create continuous floating movement
+ self.animateMovement();
+ };
+ self.animateMovement = function () {
+ // Random movement within center area
+ var newX = 1024 + (Math.random() - 0.5) * 200;
+ var newY = 1366 + (Math.random() - 0.5) * 200;
+ tween(self, {
+ x: newX,
+ y: newY
+ }, {
+ duration: 2000 + Math.random() * 1000,
+ easing: tween.easeInOut,
+ onFinish: function onFinish() {
+ self.animateMovement(); // Continue movement
+ }
+ });
+ // Add rotation animation
+ tween(self, {
+ rotation: self.rotation + (Math.random() - 0.5) * 0.5
+ }, {
+ duration: 1500 + Math.random() * 1000,
+ easing: tween.easeInOut
+ });
+ };
self.update = function () {
- // Check if object is still valid
- if (!self || !self.parent) return;
- self.changeDirectionTimer++;
- if (self.changeDirectionTimer > 120) {
- self.direction = Math.random() * Math.PI * 2;
- self.changeDirectionTimer = 0;
+ self.spawnTimer++;
+ // Spawn enemies from arms
+ if (self.spawnTimer >= self.spawnInterval) {
+ self.spawnTimer = 0;
+ self.spawnEnemy();
}
- var newX = self.x + Math.cos(self.direction) * self.speed;
- var newY = self.y + Math.sin(self.direction) * self.speed;
- // Proper bounds checking
- if (newX < 325 || newX > 2048 - 325 || newY < 325 || newY > 2732 - 325) {
- self.direction += Math.PI;
- // Recalculate with new direction
- newX = self.x + Math.cos(self.direction) * self.speed;
- newY = self.y + Math.sin(self.direction) * self.speed;
- }
- // Ensure positions are within valid bounds before setting
- if (newX >= 325 && newX <= 2048 - 325 && newY >= 325 && newY <= 2732 - 325) {
- // Add comprehensive validation to prevent setting position when object is invalid
- if (self && self.parent && self.x !== undefined && self.y !== undefined && !self.destroyed && self._texture) {
- try {
- self.x = newX;
- self.y = newY;
- } catch (e) {
- // Silently handle any WebGL errors
- return;
- }
- }
- }
};
+ self.spawnEnemy = function () {
+ // Pick random arm position
+ var armIndex = Math.floor(Math.random() * self.armPositions.length);
+ var armPos = self.armPositions[armIndex];
+ // Create enemy at arm position (relative to monster)
+ var enemy = new Enemy();
+ enemy.x = self.x + armPos.x;
+ enemy.y = self.y + armPos.y;
+ enemy.targetX = pacman.x;
+ enemy.targetY = pacman.y;
+ enemies.push(enemy);
+ game.addChild(enemy);
+ // Add spawn effect
+ enemy.alpha = 0;
+ tween(enemy, {
+ alpha: 1,
+ scaleX: 0.3,
+ scaleY: 0.3
+ }, {
+ duration: 500,
+ easing: tween.easeOut
+ });
+ };
return self;
});
-var Pacman = Container.expand(function () {
+// Create central monster
+var Enemy = Container.expand(function () {
var self = Container.call(this);
- var pacmanGraphics = self.attachAsset('pacman', {
+ var enemyGraphics = self.attachAsset('enemy', {
anchorX: 0.5,
- anchorY: 0.5
+ anchorY: 0.5,
+ scaleX: 0.3,
+ scaleY: 0.3
});
- self.speed = 5;
- self.lastTrailX = 0;
- self.lastTrailY = 0;
+ self.speed = 2;
+ self.targetX = 0;
+ self.targetY = 0;
+ self.lastX = 0;
+ self.lastY = 0;
self.update = function () {
- var distance = Math.sqrt(Math.pow(self.x - self.lastTrailX, 2) + Math.pow(self.y - self.lastTrailY, 2));
- if (distance > 20) {
- // Create straight line between last position and current position
- var dx = self.x - self.lastTrailX;
- var dy = self.y - self.lastTrailY;
- var steps = Math.floor(distance / 10); // Create dots every 10 pixels
- for (var i = 0; i <= steps; i++) {
- var ratio = i / steps;
- var trailDot = new TrailDot();
- trailDot.x = self.lastTrailX + dx * ratio;
- trailDot.y = self.lastTrailY + dy * ratio;
- game.addChild(trailDot);
- trail.push(trailDot);
- // Add mask dot for revealing background
- var maskDot = LK.getAsset('trailDot', {
- anchorX: 0.5,
- anchorY: 0.5
- });
- maskDot.x = self.lastTrailX + dx * ratio;
- maskDot.y = self.lastTrailY + dy * ratio;
- maskDot.scale.set(8); // Make mask dots bigger to reveal more area
- maskGraphics.addChild(maskDot);
- }
- self.lastTrailX = self.x;
- self.lastTrailY = self.y;
+ self.lastX = self.x;
+ self.lastY = self.y;
+ // Move towards target (pacman)
+ var dx = self.targetX - self.x;
+ var dy = self.targetY - self.y;
+ var distance = Math.sqrt(dx * dx + dy * dy);
+ if (distance > 0) {
+ self.x += dx / distance * self.speed;
+ self.y += dy / distance * self.speed;
}
+ // Remove if off screen
+ if (self.x < -100 || self.x > 2148 || self.y < -100 || self.y > 2832) {
+ self.destroy();
+ }
};
return self;
});
-var TrailDot = Container.expand(function () {
- var self = Container.call(this);
- var dotGraphics = self.attachAsset('trailDot', {
- anchorX: 0.5,
- anchorY: 0.5
- });
- self.fadeOut = function () {
- tween(dotGraphics, {
- alpha: 0
- }, {
- duration: 2000,
- onFinish: function onFinish() {
- self.destroy();
- }
- });
- };
- return self;
-});
/****
* Initialize Game
****/
@@ -115,138 +147,13 @@
/****
* Game Code
****/
-var currentLevel = 2;
-var maxLevels = 10;
-var trail = [];
-var pacman = game.addChild(new Pacman());
-var octopus = game.addChild(new OctopusMonster());
-var backgroundOverlay = game.addChild(LK.getAsset('backgroundOverlay', {
- anchorX: 0,
- anchorY: 0,
- alpha: 0.8
-}));
-var maskGraphics = new Container();
-game.addChild(maskGraphics);
-var backgroundImage = null;
-var showingReward = false;
-var rewardTimer = 0;
-var levelComplete = false;
-pacman.x = 1024;
-pacman.y = 1366;
-octopus.x = 1024;
-octopus.y = 1366;
-var levelText = new Text2('Level ' + currentLevel, {
- size: 60,
- fill: 0xFFFFFF
-});
-levelText.anchor.set(0.5, 0);
-LK.gui.top.addChild(levelText);
-var instructionText = new Text2('Draw a complete line to reveal the background!', {
- size: 40,
- fill: 0xFFFF00
-});
-instructionText.anchor.set(0.5, 0);
-instructionText.y = 80;
-LK.gui.top.addChild(instructionText);
-function loadBackgroundForLevel() {
- if (backgroundImage) {
- backgroundImage.destroy();
- }
- backgroundImage = game.addChild(LK.getAsset('background' + currentLevel, {
- anchorX: 0,
- anchorY: 0,
- alpha: 0
- }));
- game.setChildIndex(backgroundImage, 0);
-}
-function checkLineCompletion() {
- if (trail.length < 10) return false;
- var startPoint = trail[0];
- var endPoint = trail[trail.length - 1];
- var distance = Math.sqrt(Math.pow(endPoint.x - startPoint.x, 2) + Math.pow(endPoint.y - startPoint.y, 2));
- return distance < 100;
-}
-function completeLevel() {
- if (levelComplete) return;
- levelComplete = true;
- showingReward = true;
- rewardTimer = 0;
- // Set mask to reveal only completed areas
- backgroundImage.mask = maskGraphics;
- tween(backgroundImage, {
- alpha: 1
- }, {
- duration: 1000
- });
- instructionText.setText('Level Complete! Enjoy the artwork!');
- for (var i = 0; i < trail.length; i++) {
- trail[i].fadeOut();
- }
- LK.setTimeout(function () {
- nextLevel();
- }, 10000);
-}
-function nextLevel() {
- currentLevel++;
- if (currentLevel > maxLevels) {
- instructionText.setText('Congratulations! All levels completed!');
- LK.showYouWin();
- return;
- }
- levelComplete = false;
- showingReward = false;
- trail = [];
- // Clear mask graphics for new level
- maskGraphics.removeChildren();
- backgroundOverlay.alpha = 0.8;
- levelText.setText('Level ' + currentLevel);
- instructionText.setText('Draw a complete line to reveal the background!');
- if (pacman && pacman.parent) {
- pacman.x = 1024;
- pacman.y = 1366;
- }
- loadBackgroundForLevel();
-}
-loadBackgroundForLevel();
-var dragNode = null;
-game.down = function (x, y, obj) {
- dragNode = pacman;
- if (pacman && pacman.parent) {
- pacman.x = x;
- pacman.y = y;
- }
-};
-game.move = function (x, y, obj) {
- if (dragNode && !showingReward && pacman && pacman.parent) {
- pacman.x = x;
- pacman.y = y;
- }
-};
-game.up = function (x, y, obj) {
- dragNode = null;
-};
-game.update = function () {
- if (showingReward) {
- rewardTimer++;
- octopus.update();
- return;
- }
- pacman.update();
- octopus.update();
- if (pacman.intersects(octopus)) {
- LK.effects.flashScreen(0xff0000, 1000);
- if (pacman && pacman.parent) {
- pacman.x = 1024;
- pacman.y = 1366;
- }
- for (var i = 0; i < trail.length; i++) {
- trail[i].destroy();
- }
- trail = [];
- maskGraphics.removeChildren();
- }
- if (checkLineCompletion() && !levelComplete) {
- completeLevel();
- }
-};
\ No newline at end of file
+;
+// Create central monster
+var centralMonster = game.addChild(new CentralMonster());
+centralMonster.x = 1024;
+centralMonster.y = 1366;
+// Array to track enemies
+var enemies = [];
+// Start monster movement
+centralMonster.startMovement();
\ No newline at end of file
:quality(85)/https:%2F%2Fcdn.frvr.ai/687678ac6cee69bfadf32b3e.png%3F3)
:quality(85)/https:%2F%2Fcdn.frvr.ai/68767a37f5c561eab60f9930.png%3F3)
:quality(85)/https:%2F%2Fcdn.frvr.ai/68767e2f6cee69bfadf32b95.png%3F3)
:quality(85)/https:%2F%2Fcdn.frvr.ai/68767e7a6cee69bfadf32b9e.png%3F3)
:quality(85)/https:%2F%2Fcdn.frvr.ai/68768711f5c561eab60f994e.png%3F3)
