Play
:quality(85)/https://cdn.frvr.ai/681d2054092d91a485c728b4.png)
:quality(85)/https://cdn.frvr.ai/681d204f092d91a485c728b2.png)
#HorrorGame
#SurvivalHorror
#GridEscape
#UpitMemeGameContest
Creation History
User prompt
At turn 6, the shark disappears for 3 turns, then reappears in the same spot it left. During the shark’s disappearance, the player can still move and collect gas tanks. After that, the shark resumes chasing.
User prompt
Please fix the bug: 'Timeout.tick error: Cannot set properties of undefined (setting 'fill')' in or related to this line: 'warningText.style.fill = "#FFCC00";' Line Number: 363
User prompt
make it so you click to move
Code edit (1 edits merged)
Please save this source code
User prompt
Shark Pursuit: Gas Tank Hunt
Initial prompt
Make a Python horror game where the player runs from a four-legged shark wearing Nike shoes. The goal is to find 12 gas tanks hidden in a 10x10 grid. Each turn, the player chooses a direction (N/S/E/W) to move, and the shark moves one step closer. If the player moves onto a tile with a gas tank, they collect it. If the shark catches the player, the game ends. Show gas collected, give creepy warnings when the shark is nearby, and describe the shark’s movement to build horror atmosphere.
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1");
/****
* Classes
****/
var GasTank = Container.expand(function () {
var self = Container.call(this);
var tankGraphics = self.attachAsset('gasTank', {
anchorX: 0.5,
anchorY: 0.5
});
self.gridX = 0;
self.gridY = 0;
self.collected = false;
self.collect = function () {
if (!self.collected) {
self.collected = true;
tween(self, {
alpha: 0,
scaleX: 1.5,
scaleY: 1.5
}, {
duration: 300,
onFinish: function onFinish() {
self.visible = false;
}
});
LK.getSound('collect').play();
return true;
}
return false;
};
self.setPosition = function (x, y) {
self.gridX = x;
self.gridY = y;
self.x = GRID_OFFSET_X + x * CELL_SIZE + CELL_SIZE / 2;
self.y = GRID_OFFSET_Y + y * CELL_SIZE + CELL_SIZE / 2;
};
return self;
});
var GridCell = Container.expand(function () {
var self = Container.call(this);
var cellGraphics = self.attachAsset('gridCell', {
anchorX: 0.5,
anchorY: 0.5,
alpha: 0.3
});
self.gridX = 0;
self.gridY = 0;
self.isEmpty = true;
self.highlight = function (intensity) {
tween(cellGraphics, {
alpha: intensity
}, {
duration: 200
});
};
self.resetHighlight = function () {
tween(cellGraphics, {
alpha: 0.3
}, {
duration: 200
});
};
return self;
});
var Player = Container.expand(function () {
var self = Container.call(this);
var playerGraphics = self.attachAsset('player', {
anchorX: 0.5,
anchorY: 0.5
});
self.gridX = 0;
self.gridY = 0;
self.moveTo = function (x, y) {
self.gridX = x;
self.gridY = y;
// Calculate actual screen position based on grid
var targetX = GRID_OFFSET_X + x * CELL_SIZE + CELL_SIZE / 2;
var targetY = GRID_OFFSET_Y + y * CELL_SIZE + CELL_SIZE / 2;
tween(self, {
x: targetX,
y: targetY
}, {
duration: 200,
easing: tween.easeOut,
onFinish: function onFinish() {
LK.getSound('move').play();
}
});
};
return self;
});
var Shark = Container.expand(function () {
var self = Container.call(this);
var sharkGraphics = self.attachAsset('shark', {
anchorX: 0.5,
anchorY: 0.5
});
self.gridX = 9;
self.gridY = 9;
self.moveTo = function (x, y) {
self.gridX = x;
self.gridY = y;
// Calculate actual screen position based on grid
var targetX = GRID_OFFSET_X + x * CELL_SIZE + CELL_SIZE / 2;
var targetY = GRID_OFFSET_Y + y * CELL_SIZE + CELL_SIZE / 2;
tween(self, {
x: targetX,
y: targetY
}, {
duration: 300,
easing: tween.bounceOut
});
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
});
/****
* Game Code
****/
// Constants
var GRID_SIZE = 10;
var CELL_SIZE = 204; // 2048 / 10 ~= 204
var GRID_OFFSET_X = (2048 - GRID_SIZE * CELL_SIZE) / 2;
var GRID_OFFSET_Y = (2732 - GRID_SIZE * CELL_SIZE) / 2;
var TOTAL_GAS_TANKS = 12;
// Game state variables
var grid = [];
var gridContainer = new Container();
var player;
var shark;
var gasTanks = [];
var collectedTanks = 0;
var gameActive = true;
var turnCount = 0;
var playerMoved = false;
// UI elements
var statusText = new Text2('Find the gas tanks!', {
size: 50,
fill: 0xFFFFFF
});
var scoreText = new Text2('Gas Tanks: 0/' + TOTAL_GAS_TANKS, {
size: 50,
fill: 0xFFFFFF
});
var warningText = new Text2('', {
size: 60,
fill: 0xFF0000
});
// Initialize grid
function initGrid() {
var gridBackground = LK.getAsset('gridOutline', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 / 2,
y: 2732 / 2,
width: CELL_SIZE * GRID_SIZE,
height: CELL_SIZE * GRID_SIZE,
alpha: 0.2
});
game.addChild(gridBackground);
game.addChild(gridContainer);
for (var y = 0; y < GRID_SIZE; y++) {
grid[y] = [];
for (var x = 0; x < GRID_SIZE; x++) {
var cell = new GridCell();
cell.x = GRID_OFFSET_X + x * CELL_SIZE + CELL_SIZE / 2;
cell.y = GRID_OFFSET_Y + y * CELL_SIZE + CELL_SIZE / 2;
cell.gridX = x;
cell.gridY = y;
gridContainer.addChild(cell);
grid[y][x] = cell;
// Cell clicks will be handled by game.down
cell.down = function (x, y, obj) {
// Let the game handle this via global click detection
};
}
}
}
// Initialize player
function initPlayer() {
player = new Player();
player.gridX = 0;
player.gridY = 0;
player.x = GRID_OFFSET_X + player.gridX * CELL_SIZE + CELL_SIZE / 2;
player.y = GRID_OFFSET_Y + player.gridY * CELL_SIZE + CELL_SIZE / 2;
// Add click handler for player
player.down = function (x, y, obj) {
// Just a visual indication that player was clicked
tween(player, {
scaleX: 1.2,
scaleY: 1.2
}, {
duration: 100,
onFinish: function onFinish() {
tween(player, {
scaleX: 1,
scaleY: 1
}, {
duration: 100
});
}
});
};
game.addChild(player);
}
// Initialize shark
function initShark() {
shark = new Shark();
shark.gridX = 9;
shark.gridY = 9;
shark.x = GRID_OFFSET_X + shark.gridX * CELL_SIZE + CELL_SIZE / 2;
shark.y = GRID_OFFSET_Y + shark.gridY * CELL_SIZE + CELL_SIZE / 2;
game.addChild(shark);
}
// Initialize gas tanks
function initGasTanks() {
// Create a list of all possible positions
var positions = [];
for (var y = 0; y < GRID_SIZE; y++) {
for (var x = 0; x < GRID_SIZE; x++) {
// Avoid player and shark starting positions
if (x === 0 && y === 0 || x === 9 && y === 9) {
continue;
}
positions.push({
x: x,
y: y
});
}
}
// Shuffle the positions
for (var i = positions.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = positions[i];
positions[i] = positions[j];
positions[j] = temp;
}
// Place gas tanks
for (var i = 0; i < TOTAL_GAS_TANKS; i++) {
var pos = positions[i];
var gasTank = new GasTank();
gasTank.setPosition(pos.x, pos.y);
gasTanks.push(gasTank);
game.addChild(gasTank);
}
}
// Initialize UI
function initUI() {
statusText.anchor.set(0.5, 0);
statusText.y = 50;
statusText.x = 2048 / 2;
LK.gui.top.addChild(statusText);
scoreText.anchor.set(0, 0);
scoreText.y = 50;
scoreText.x = 50;
LK.gui.topRight.addChild(scoreText);
warningText.anchor.set(0.5, 1);
warningText.y = -50;
LK.gui.bottom.addChild(warningText);
}
// Handle cell clicks for player movement
function handleCellClick(x, y) {
if (!gameActive || playerMoved) return;
// Check if the clicked cell is adjacent to the player
var dx = Math.abs(x - player.gridX);
var dy = Math.abs(y - player.gridY);
if (dx === 1 && dy === 0 || dx === 0 && dy === 1) {
movePlayer(x, y);
playerMoved = true;
// Schedule shark movement after player moves
LK.setTimeout(function () {
if (gameActive) {
moveShark();
checkCollisions();
playerMoved = false;
}
}, 500);
}
}
// Move player to new position
function movePlayer(x, y) {
player.moveTo(x, y);
// Check if player collected a gas tank
for (var i = 0; i < gasTanks.length; i++) {
var tank = gasTanks[i];
if (!tank.collected && tank.gridX === x && tank.gridY === y) {
if (tank.collect()) {
collectedTanks++;
updateScore();
if (collectedTanks >= TOTAL_GAS_TANKS) {
gameWon();
}
}
}
}
turnCount++;
}
// Move shark towards player
function moveShark() {
// Simple pathfinding - move toward player
var dx = player.gridX - shark.gridX;
var dy = player.gridY - shark.gridY;
var newX = shark.gridX;
var newY = shark.gridY;
// First try to move horizontally or vertically
if (Math.abs(dx) > Math.abs(dy)) {
newX = shark.gridX + (dx > 0 ? 1 : -1);
} else {
newY = shark.gridY + (dy > 0 ? 1 : -1);
}
// Make sure we don't go out of bounds
newX = Math.max(0, Math.min(GRID_SIZE - 1, newX));
newY = Math.max(0, Math.min(GRID_SIZE - 1, newY));
shark.moveTo(newX, newY);
// Update warning based on distance
updateWarning();
}
// Update warning message based on distance to shark
function updateWarning() {
var distance = Math.abs(player.gridX - shark.gridX) + Math.abs(player.gridY - shark.gridY);
if (distance <= 1) {
warningText.setText("IT'S RIGHT NEXT TO YOU!");
warningText.style.fill = "#FF0000";
LK.getSound('warning').play();
LK.effects.flashScreen(0xFF0000, 300);
} else if (distance <= 3) {
warningText.setText("You can hear it breathing...");
warningText.style.fill = "#FF3300";
LK.getSound('warning').play();
} else if (distance <= 5) {
warningText.setText("It's getting closer...");
warningText.style.fill = "#FF6600";
} else if (distance <= 8) {
warningText.setText("Something is hunting you");
warningText.style.fill = "#FFCC00";
} else {
warningText.setText("");
}
}
// Check if shark caught player
function checkCollisions() {
if (shark.gridX === player.gridX && shark.gridY === player.gridY) {
gameOver();
}
}
// Update score display
function updateScore() {
scoreText.setText("Gas Tanks: " + collectedTanks + "/" + TOTAL_GAS_TANKS);
}
// Game over
function gameOver() {
gameActive = false;
statusText.setText("THE SHARK GOT YOU!");
statusText.style.fill = "#FF0000";
LK.effects.flashScreen(0xFF0000, 1000);
LK.setTimeout(function () {
LK.showGameOver();
}, 1500);
}
// Game won
function gameWon() {
gameActive = false;
statusText.setText("YOU ESCAPED!");
statusText.style.fill = "#00FF00";
LK.effects.flashScreen(0x00FF00, 1000);
LK.setTimeout(function () {
LK.showYouWin();
}, 1500);
}
// Highlight valid moves
function highlightValidMoves() {
// Reset all highlights
for (var y = 0; y < GRID_SIZE; y++) {
for (var x = 0; x < GRID_SIZE; x++) {
grid[y][x].resetHighlight();
}
}
// Highlight valid moves
var directions = [{
x: 1,
y: 0
}, {
x: -1,
y: 0
}, {
x: 0,
y: 1
}, {
x: 0,
y: -1
}];
for (var i = 0; i < directions.length; i++) {
var newX = player.gridX + directions[i].x;
var newY = player.gridY + directions[i].y;
if (newX >= 0 && newX < GRID_SIZE && newY >= 0 && newY < GRID_SIZE) {
grid[newY][newX].highlight(0.5);
}
}
}
// Initialize game
function initGame() {
initGrid();
initPlayer();
initShark();
initGasTanks();
initUI();
updateScore();
highlightValidMoves();
LK.playMusic('bgmusic');
}
// Start the game
initGame();
// Game update loop
game.update = function () {
// Highlight valid moves when player is able to move
if (gameActive && !playerMoved) {
highlightValidMoves();
}
};
// Game event handlers
game.down = function (x, y, obj) {
if (!gameActive || playerMoved) return;
// Convert click coordinates to grid coordinates
var gridX = Math.floor((x - GRID_OFFSET_X) / CELL_SIZE);
var gridY = Math.floor((y - GRID_OFFSET_Y) / CELL_SIZE);
// Check if click is within grid boundaries
if (gridX >= 0 && gridX < GRID_SIZE && gridY >= 0 && gridY < GRID_SIZE) {
// Check if the clicked cell is adjacent to the player
var dx = Math.abs(gridX - player.gridX);
var dy = Math.abs(gridY - player.gridY);
if (dx === 1 && dy === 0 || dx === 0 && dy === 1) {
// Highlight the clicked cell briefly
grid[gridY][gridX].highlight(0.7);
// Move player to the clicked cell
movePlayer(gridX, gridY);
playerMoved = true;
// Schedule shark movement after player moves
LK.setTimeout(function () {
if (gameActive) {
moveShark();
checkCollisions();
playerMoved = false;
highlightValidMoves();
}
}, 500);
}
}
};
game.move = function (x, y, obj) {
// For debugging purposes
// console.log("Mouse position: " + x + ", " + y);
};
game.up = function (x, y, obj) {
// No additional handling needed
}; ===================================================================
--- original.js
+++ change.js
@@ -181,11 +181,11 @@
cell.gridX = x;
cell.gridY = y;
gridContainer.addChild(cell);
grid[y][x] = cell;
- // Add click handler to the cell
+ // Cell clicks will be handled by game.down
cell.down = function (x, y, obj) {
- handleCellClick(obj.gridX, obj.gridY);
+ // Let the game handle this via global click detection
};
}
}
}
@@ -195,8 +195,26 @@
player.gridX = 0;
player.gridY = 0;
player.x = GRID_OFFSET_X + player.gridX * CELL_SIZE + CELL_SIZE / 2;
player.y = GRID_OFFSET_Y + player.gridY * CELL_SIZE + CELL_SIZE / 2;
+ // Add click handler for player
+ player.down = function (x, y, obj) {
+ // Just a visual indication that player was clicked
+ tween(player, {
+ scaleX: 1.2,
+ scaleY: 1.2
+ }, {
+ duration: 100,
+ onFinish: function onFinish() {
+ tween(player, {
+ scaleX: 1,
+ scaleY: 1
+ }, {
+ duration: 100
+ });
+ }
+ });
+ };
game.addChild(player);
}
// Initialize shark
function initShark() {
@@ -413,9 +431,34 @@
}
};
// Game event handlers
game.down = function (x, y, obj) {
- // This will be handled by individual cell click handlers
+ if (!gameActive || playerMoved) return;
+ // Convert click coordinates to grid coordinates
+ var gridX = Math.floor((x - GRID_OFFSET_X) / CELL_SIZE);
+ var gridY = Math.floor((y - GRID_OFFSET_Y) / CELL_SIZE);
+ // Check if click is within grid boundaries
+ if (gridX >= 0 && gridX < GRID_SIZE && gridY >= 0 && gridY < GRID_SIZE) {
+ // Check if the clicked cell is adjacent to the player
+ var dx = Math.abs(gridX - player.gridX);
+ var dy = Math.abs(gridY - player.gridY);
+ if (dx === 1 && dy === 0 || dx === 0 && dy === 1) {
+ // Highlight the clicked cell briefly
+ grid[gridY][gridX].highlight(0.7);
+ // Move player to the clicked cell
+ movePlayer(gridX, gridY);
+ playerMoved = true;
+ // Schedule shark movement after player moves
+ LK.setTimeout(function () {
+ if (gameActive) {
+ moveShark();
+ checkCollisions();
+ playerMoved = false;
+ highlightValidMoves();
+ }
+ }, 500);
+ }
+ }
};
game.move = function (x, y, obj) {
// For debugging purposes
// console.log("Mouse position: " + x + ", " + y);
Images
:quality(85)/https://cdn.frvr.ai/681d2fdd8578d3fadb9cabd4.png%3F3)
:quality(85)/https://cdn.frvr.ai/681d33dc8578d3fadb9cabdc.png%3F3)
:quality(85)/https://cdn.frvr.ai/681d41c5ce5c2130acf2911d.png%3F3)
Sounds & Music
Used plugins
@upit/tween@upit/storage
