Play
:quality(85)/https://cdn.frvr.ai/68693bf8d3dcecd38cac386b.png)
:quality(85)/https://cdn.frvr.ai/68693c7fd3dcecd38cac3873.png)
#test
#game
#fun
#puzzle
#arcade
Creation History
User prompt
Add more colors βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
make the background invisible
User prompt
reorder it to be after fire
User prompt
Make it on the front of the fire βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
Add its asset to the list of assets!
User prompt
Add white asset with same size but on the bottom of the fire βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
Add white color βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
make it more bigger βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
make the fire bigger with more spacing between the assets of fire βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
center it in the screen
User prompt
make your best fire animation with yellow orange red a bit of black from its top of the burning βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
add background1 to the game fullscreen
User prompt
Remove the code and the assets
User prompt
Add speed to the greenarea to dragge it fast
User prompt
Add tween plugin to move the greenarea smoothly βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
Make it follow the cursor in exact same time when i dragge it
User prompt
When i dragge the greenarea move its its duplications at the same time with the cursor.
User prompt
If i drag any image move the other images with it.
User prompt
Add dragge to the duplicated greenareas to drag from it too
User prompt
Move the 9 areas from any point of the greenareas
User prompt
Move the green areas from any green area not just from the original
User prompt
Move the objects smoothly without vibration βͺπ‘ Consider importing and using the following plugins: @upit/tween.v1
User prompt
Please fix the bug: 'Cannot set properties of undefined (setting 'down')' in or related to this line: 'area.down = function (x, y, obj) {' Line Number: 44
User prompt
let the greenareas move by dragging any greenareafrom any point without teleportaion
User prompt
Remove duplications let only the 9 green areas
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var FireParticle = Container.expand(function () {
var self = Container.call(this);
// Create particle graphics based on type
var graphics;
self.particleType = 'fire'; // default type
self.setType = function (type) {
if (self.graphics) {
self.removeChild(self.graphics);
}
self.particleType = type;
if (type === 'fire') {
self.graphics = self.attachAsset('fireParticle', {
anchorX: 0.5,
anchorY: 0.5
});
} else if (type === 'core') {
self.graphics = self.attachAsset('fireCore', {
anchorX: 0.5,
anchorY: 0.5
});
} else if (type === 'smoke') {
self.graphics = self.attachAsset('smoke', {
anchorX: 0.5,
anchorY: 0.5
});
}
};
// Initialize with default type
self.setType('fire');
// Particle properties
self.velocityX = 0;
self.velocityY = 0;
self.life = 1.0;
self.maxLife = 1.0;
self.update = function () {
// Move particle
self.x += self.velocityX;
self.y += self.velocityY;
// Reduce life
self.life -= 0.02;
// Update appearance based on life
if (self.graphics) {
self.graphics.alpha = Math.max(0, self.life);
self.graphics.scaleX = self.life;
self.graphics.scaleY = self.life;
}
// Add some randomness to movement
self.velocityX += (Math.random() - 0.5) * 0.5;
self.velocityY += (Math.random() - 0.5) * 0.3;
// Gravity effect for smoke
if (self.particleType === 'smoke') {
self.velocityY -= 0.1;
}
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x51ff00
});
/****
* Game Code
****/
// Add background image fullscreen
var background = game.attachAsset('background1', {
x: 0,
y: 0,
width: 2048,
height: 2732
});
// Fire animation system
var fireParticles = [];
var fireBaseX = 1024; // Center of screen
var fireBaseY = 1366; // Center of screen vertically
// Create fire particles continuously
var fireTimer = LK.setInterval(function () {
// Create main fire particles
for (var i = 0; i < 5; i++) {
var particle = new FireParticle();
particle.setType('fire');
particle.x = fireBaseX + (Math.random() - 0.5) * 200;
particle.y = fireBaseY + (Math.random() - 0.5) * 80;
particle.velocityX = (Math.random() - 0.5) * 4;
particle.velocityY = -Math.random() * 12 - 4;
particle.life = 1.0;
particle.maxLife = 1.0;
// Add color variation with tween
var colors = [0xff4500, 0xff6500, 0xff8500, 0xffa500];
var randomColor = colors[Math.floor(Math.random() * colors.length)];
particle.graphics.tint = randomColor;
// Scale animation - bigger particles
particle.graphics.scaleX = 1.0 + Math.random() * 1.0;
particle.graphics.scaleY = 1.0 + Math.random() * 1.0;
tween(particle.graphics, {
scaleX: particle.graphics.scaleX * 2.0,
scaleY: particle.graphics.scaleY * 2.0
}, {
duration: 500 + Math.random() * 500,
easing: tween.easeOut
});
fireParticles.push(particle);
game.addChild(particle);
}
// Create core fire particles (yellow/white)
for (var j = 0; j < 3; j++) {
var coreParticle = new FireParticle();
coreParticle.setType('core');
coreParticle.x = fireBaseX + (Math.random() - 0.5) * 120;
coreParticle.y = fireBaseY + (Math.random() - 0.5) * 60;
coreParticle.velocityX = (Math.random() - 0.5) * 3;
coreParticle.velocityY = -Math.random() * 10 - 5;
coreParticle.life = 1.0;
coreParticle.maxLife = 1.0;
// Bright core colors
var coreColors = [0xffff00, 0xffff88, 0xffffff];
var randomCoreColor = coreColors[Math.floor(Math.random() * coreColors.length)];
coreParticle.graphics.tint = randomCoreColor;
// Bigger core particles
coreParticle.graphics.scaleX = 1.2;
coreParticle.graphics.scaleY = 1.2;
fireParticles.push(coreParticle);
game.addChild(coreParticle);
}
// Create smoke particles (black/dark)
if (Math.random() < 0.4) {
var smokeParticle = new FireParticle();
smokeParticle.setType('smoke');
smokeParticle.x = fireBaseX + (Math.random() - 0.5) * 160;
smokeParticle.y = fireBaseY - 150 - Math.random() * 100;
smokeParticle.velocityX = (Math.random() - 0.5) * 5;
smokeParticle.velocityY = -Math.random() * 5 - 2;
smokeParticle.life = 1.0;
smokeParticle.maxLife = 1.0;
// Dark smoke colors
var smokeColors = [0x333333, 0x555555, 0x777777];
var randomSmokeColor = smokeColors[Math.floor(Math.random() * smokeColors.length)];
smokeParticle.graphics.tint = randomSmokeColor;
// Smoke grows as it rises - bigger smoke
tween(smokeParticle.graphics, {
scaleX: 3,
scaleY: 3
}, {
duration: 2000,
easing: tween.easeOut
});
fireParticles.push(smokeParticle);
game.addChild(smokeParticle);
}
}, 80);
// Update fire system
game.update = function () {
// Update and clean up particles
for (var i = fireParticles.length - 1; i >= 0; i--) {
var particle = fireParticles[i];
// Remove dead particles
if (particle.life <= 0) {
particle.destroy();
fireParticles.splice(i, 1);
continue;
}
}
// Add flickering effect to the fire base
if (LK.ticks % 10 === 0) {
fireBaseX = 1024 + (Math.random() - 0.5) * 60;
}
}; ===================================================================
--- original.js
+++ change.js
@@ -86,77 +86,80 @@
var fireBaseY = 1366; // Center of screen vertically
// Create fire particles continuously
var fireTimer = LK.setInterval(function () {
// Create main fire particles
- for (var i = 0; i < 3; i++) {
+ for (var i = 0; i < 5; i++) {
var particle = new FireParticle();
particle.setType('fire');
- particle.x = fireBaseX + (Math.random() - 0.5) * 60;
- particle.y = fireBaseY + (Math.random() - 0.5) * 20;
- particle.velocityX = (Math.random() - 0.5) * 2;
- particle.velocityY = -Math.random() * 8 - 2;
+ particle.x = fireBaseX + (Math.random() - 0.5) * 200;
+ particle.y = fireBaseY + (Math.random() - 0.5) * 80;
+ particle.velocityX = (Math.random() - 0.5) * 4;
+ particle.velocityY = -Math.random() * 12 - 4;
particle.life = 1.0;
particle.maxLife = 1.0;
// Add color variation with tween
var colors = [0xff4500, 0xff6500, 0xff8500, 0xffa500];
var randomColor = colors[Math.floor(Math.random() * colors.length)];
particle.graphics.tint = randomColor;
- // Scale animation
- particle.graphics.scaleX = 0.5 + Math.random() * 0.5;
- particle.graphics.scaleY = 0.5 + Math.random() * 0.5;
+ // Scale animation - bigger particles
+ particle.graphics.scaleX = 1.0 + Math.random() * 1.0;
+ particle.graphics.scaleY = 1.0 + Math.random() * 1.0;
tween(particle.graphics, {
- scaleX: particle.graphics.scaleX * 1.5,
- scaleY: particle.graphics.scaleY * 1.5
+ scaleX: particle.graphics.scaleX * 2.0,
+ scaleY: particle.graphics.scaleY * 2.0
}, {
duration: 500 + Math.random() * 500,
easing: tween.easeOut
});
fireParticles.push(particle);
game.addChild(particle);
}
// Create core fire particles (yellow/white)
- for (var j = 0; j < 2; j++) {
+ for (var j = 0; j < 3; j++) {
var coreParticle = new FireParticle();
coreParticle.setType('core');
- coreParticle.x = fireBaseX + (Math.random() - 0.5) * 40;
- coreParticle.y = fireBaseY + (Math.random() - 0.5) * 15;
- coreParticle.velocityX = (Math.random() - 0.5) * 1.5;
- coreParticle.velocityY = -Math.random() * 6 - 3;
+ coreParticle.x = fireBaseX + (Math.random() - 0.5) * 120;
+ coreParticle.y = fireBaseY + (Math.random() - 0.5) * 60;
+ coreParticle.velocityX = (Math.random() - 0.5) * 3;
+ coreParticle.velocityY = -Math.random() * 10 - 5;
coreParticle.life = 1.0;
coreParticle.maxLife = 1.0;
// Bright core colors
var coreColors = [0xffff00, 0xffff88, 0xffffff];
var randomCoreColor = coreColors[Math.floor(Math.random() * coreColors.length)];
coreParticle.graphics.tint = randomCoreColor;
+ // Bigger core particles
+ coreParticle.graphics.scaleX = 1.2;
+ coreParticle.graphics.scaleY = 1.2;
fireParticles.push(coreParticle);
game.addChild(coreParticle);
}
// Create smoke particles (black/dark)
- if (Math.random() < 0.3) {
+ if (Math.random() < 0.4) {
var smokeParticle = new FireParticle();
smokeParticle.setType('smoke');
- smokeParticle.x = fireBaseX + (Math.random() - 0.5) * 80;
- smokeParticle.y = fireBaseY - 100 - Math.random() * 50;
- smokeParticle.velocityX = (Math.random() - 0.5) * 3;
- smokeParticle.velocityY = -Math.random() * 3 - 1;
+ smokeParticle.x = fireBaseX + (Math.random() - 0.5) * 160;
+ smokeParticle.y = fireBaseY - 150 - Math.random() * 100;
+ smokeParticle.velocityX = (Math.random() - 0.5) * 5;
+ smokeParticle.velocityY = -Math.random() * 5 - 2;
smokeParticle.life = 1.0;
smokeParticle.maxLife = 1.0;
// Dark smoke colors
var smokeColors = [0x333333, 0x555555, 0x777777];
var randomSmokeColor = smokeColors[Math.floor(Math.random() * smokeColors.length)];
smokeParticle.graphics.tint = randomSmokeColor;
- // Smoke grows as it rises
+ // Smoke grows as it rises - bigger smoke
tween(smokeParticle.graphics, {
- scaleX: 2,
- scaleY: 2
+ scaleX: 3,
+ scaleY: 3
}, {
duration: 2000,
easing: tween.easeOut
});
fireParticles.push(smokeParticle);
game.addChild(smokeParticle);
}
-}, 100);
+}, 80);
// Update fire system
game.update = function () {
// Update and clean up particles
for (var i = fireParticles.length - 1; i >= 0; i--) {
@@ -169,7 +172,7 @@
}
}
// Add flickering effect to the fire base
if (LK.ticks % 10 === 0) {
- fireBaseX = 1024 + (Math.random() - 0.5) * 20;
+ fireBaseX = 1024 + (Math.random() - 0.5) * 60;
}
};
\ No newline at end of file
Images
:quality(85)/https://cdn.frvr.ai/686922aad3dcecd38cac378e.png%3F3)
:quality(85)/https://cdn.frvr.ai/68692975d3dcecd38cac37ff.png%3F3)
Sounds & Music
Used plugins
@upit/tween
