Code edit (1 edits merged)
Please save this source code
User prompt
Please fix the bug: 'Cannot read properties of undefined (reading 'attachAsset')' in or related to this line: 'var tree = self.attachAsset('tree' + i, {' Line Number: 337
User prompt
Please fix the bug: 'Cannot read properties of undefined (reading 'attachAsset')' in or related to this line: 'var tree = self.attachAsset('tree' + i, {' Line Number: 337
User prompt
Please fix the bug: 'Cannot read properties of undefined (reading 'attachAsset')' in or related to this line: 'var tree = self.attachAsset('tree' + i, {' Line Number: 337
User prompt
Please fix the bug: 'Cannot read properties of undefined (reading 'attachAsset')' in or related to this line: 'var tree = self.attachAsset('tree' + i, {' Line Number: 303
User prompt
Add tree1 2 3 4 5 6 7 8 to page 1. Make trees images can be dragged
User prompt
Add wall1 to page1 in bottom.
User prompt
Make gate1 go to page1
User prompt
Make gate2 go to page2
User prompt
Make gate3 go to page3
User prompt
make gate4 go to page4
User prompt
Make gate5 go to page5
User prompt
Make gate6 go to page6
User prompt
Why i can't make the gate as a button to go to page1!
User prompt
fix set 13
User prompt
Make the gate6 move with background0 when dragging its image.
User prompt
Can you fix that?
User prompt
Make the background0 is the background for page 0 and background1 for page1 so on
User prompt
Please fix the bug: 'Uncaught ReferenceError: background1 is not defined' in or related to this line: 'self.offset = {' Line Number: 77
User prompt
The gates are not navigating to there pages they go all to page1!
User prompt
Why background6 appearing when i drag background0! if that bug then fix it because background6 must be in page6 only.
User prompt
make background0 for page0 not background1 in page0
User prompt
Please fix the bug: 'Uncaught ReferenceError: background1 is not defined' in or related to this line: 'self.offset = {' Line Number: 77
User prompt
Make each gate can go to a page like gate1 to page1 so on
User prompt
check the pages if they are in game page1 2 3 4 5 6
/**** * Classes ****/ var Page0 = Container.expand(function () { var self = Container.call(this); // Get and automatically addChild to self asset with id 'background0' with the anchor point set to 0, 0 var background0 = self.attachAsset('background0', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 1.5, scaleY: 1.5 }); // Add drag functionality to the background1 image self.down = function (x, y, obj) { self.dragging = true; self.data = obj.data; self.initialClick = { x: x, y: y }; self.offset = { x: background0.x - x, y: background0.y - y }; }; self.up = function () { self.dragging = false; self.data = null; }; self.move = function (x, y, obj) { if (self.dragging) { // Check if we reached the Y position 1000 right now as we were not there before if (self.lastY <= 1000 && background0.y > 1000) { console.log("Background0 reached Y position 1000"); } // Check if we reached the X position 500 right now as we were not there before if (self.lastX <= 500 && background0.x > 500) { console.log("Background0 reached X position 500"); } var dx = x - self.initialClick.x; var dy = y - self.initialClick.y; background0.x = x + self.offset.x; background0.y = y + self.offset.y; gate1.x = background0.x; // Sync gate1's x position with background0 gate1.y = background0.y; // Sync gate1's y position with background0 gate2.x = background0.x; // Sync gate2's x position with background0 gate2.y = background0.y; // Sync gate2's y position with background0 gate3.x = background0.x; // Sync gate3's x position with background0 gate3.y = background0.y; // Sync gate3's y position with background0 gate4.x = background0.x; // Sync gate4's x position with background0 gate4.y = background0.y; // Sync gate4's y position with background0 gate5.x = background0.x; // Sync gate5's x position with background0 gate5.y = background0.y; // Sync gate5's y position with background0 gate6.x = background0.x; // Sync gate6's x position with background0 gate6.y = background0.y; // Sync gate6's y position with background0 self.initialClick = { x: x, y: y }; self.lastX = background0.x; self.lastY = background0.y; self.lastX = background0.x; self.lastY = background0.y; } }; // Get and automatically addChild to self asset with id 'gate1' with the anchor point set to 0.5, 0.5 var gate1 = self.attachAsset('gate1', { anchorX: 9.5, anchorY: 1.4, x: 1024, y: 1366 }); // Add click event to gate1 to navigate to Page1 gate1.down = function (x, y, obj) { // Navigate to Page1 game.removeChild(page); page = game.addChild(new Page1()); }; // Get and automatically addChild to self asset with id 'gate2' with the anchor point set to 0.5, 0.5 var gate2 = self.attachAsset('gate2', { anchorX: 5.5, anchorY: 0.8, x: 1024, y: 1366 }); // Add click event to gate2 to navigate to Page2 gate2.down = function (x, y, obj) { // Navigate to Page2 game.removeChild(page); page = game.addChild(new Page2()); }; // Get and automatically addChild to self asset with id 'gate3' with the anchor point set to 0.5, 0.5 var gate3 = self.attachAsset('gate3', { anchorX: 2.4, anchorY: -3.5, x: 1024, y: 1366 }); // Add click event to gate3 to navigate to Page3 gate3.down = function (x, y, obj) { // Navigate to Page3 game.removeChild(page); page = game.addChild(new Page3()); }; // Get and automatically addChild to self asset with id 'gate4' with the anchor point set to 0.5, 0.5 var gate4 = self.attachAsset('gate4', { anchorX: 9.8, anchorY: 9.8, x: 1024, y: 1366 }); gate4.x = background0.x; // Sync gate4's x position with background0 gate4.y = background0.y; // Sync gate4's y position with background0 // Add click event to gate4 to navigate to Page4 gate4.down = function (x, y, obj) { // Navigate to Page4 game.removeChild(page); page = game.addChild(new Page4()); }; // Get and automatically addChild to self asset with id 'gate5' with the anchor point set to 0.5, 0.5 var gate5 = self.attachAsset('gate5', { anchorX: 3, anchorY: 7, x: 1024, y: 1366 }); gate5.x = background0.x; // Sync gate5's x position with background0 gate5.y = background0.y; // Sync gate5's y position with background0 // Add click event to gate5 to navigate to Page5 gate5.down = function (x, y, obj) { // Navigate to Page5 game.removeChild(page); page = game.addChild(new Page5()); }; // Get and automatically addChild to self asset with id 'gate6' with the anchor point set to 0.5, 0.5 var gate6 = self.attachAsset('gate6', { anchorX: -6, anchorY: 7.5, x: 1024, y: 1366 }); gate6.x = background0.x; // Sync gate6's x position with background0 gate6.y = background0.y; // Sync gate6's y position with background0 // Add click event to gate6 to navigate to Page1 gate6.down = function (x, y, obj) { // Navigate to Page6 game.removeChild(page); page = game.addChild(new Page6()); }; }); // Create a Page1 class by using the LK expand method to extend Container. var Page1 = Container.expand(function () { var self = Container.call(this); // Get and automatically addChild to self asset with id 'background1' with the anchor point set to 0, 0 var background1 = self.attachAsset('background1', { anchorX: 1, anchorY: 0.0, x: 0, y: 0 }); // Get and automatically addChild to self asset with id 'wall1' with the anchor point set to 0.5, 1.0 var wall1 = self.attachAsset('wall1', { anchorX: 0.5, anchorY: 1.0, x: 1024, // Center horizontally y: 2732 // Position at the bottom }); }); var Page2 = Container.expand(function () { var self = Container.call(this); // Get and automatically addChild to self asset with id 'background2' with the anchor point set to 0, 0 var background2 = self.attachAsset('background2', { anchorX: 0.0, anchorY: 0.0, x: 0, y: 0 }); }); var Page3 = Container.expand(function () { var self = Container.call(this); // Get and automatically addChild to self asset with id 'background3' with the anchor point set to 0, 0 var background3 = self.attachAsset('background3', { anchorX: 0.0, anchorY: 0.0, x: 0, y: 0 }); }); var Page4 = Container.expand(function () { var self = Container.call(this); // Get and automatically addChild to self asset with id 'background4' with the anchor point set to 0, 0 var background4 = self.attachAsset('background4', { anchorX: 0.0, anchorY: 0.0, x: 0, y: 0 }); }); // Create a Page5 class by using the LK expand method to extend Container. var Page5 = Container.expand(function () { var self = Container.call(this); // Get and automatically addChild to self asset with id 'background5' with the anchor point set to 0, 0 var background5 = self.attachAsset('background5', { anchorX: 0.0, anchorY: 0.0, x: 0, y: 0 }); }); var Page6 = Container.expand(function () { var self = Container.call(this); // Get and automatically addChild to self asset with id 'background6' with the anchor point set to 0, 0 var background6 = self.attachAsset('background6', { anchorX: 0.0, anchorY: 0.0, x: 0, y: 0 }); }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ //{0.1} //{0.2} //{0.3} //{0.4} //{0.5} //{0.6} //{0.7} //{0.8} //{0.9} //{0.a} //{0.b} var page = game.addChild(new Page0()); //{0.b} ; //{0.b}
===================================================================
--- original.js
+++ change.js
@@ -152,45 +152,11 @@
});
// Create a Page1 class by using the LK expand method to extend Container.
var Page1 = Container.expand(function () {
var self = Container.call(this);
- // Add tree images to Page1
- var trees = [];
- for (var i = 1; i <= 8; i++) {
- var tree = self.attachAsset('tree' + i, {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 200 * i,
- // Position trees with some spacing
- y: 500
- });
- trees.push(tree);
- // Add drag functionality to each tree
- tree.down = function (x, y, obj) {
- tree.dragging = true;
- tree.data = obj.data;
- tree.initialClick = {
- x: x,
- y: y
- };
- tree.offset = {
- x: tree.x - x,
- y: tree.y - y
- };
- };
- tree.up = function () {
- tree.dragging = false;
- tree.data = null;
- };
- tree.move = function (x, y, obj) {
- if (tree.dragging) {
- tree.x = x + tree.offset.x;
- tree.y = y + tree.offset.y;
- }
- };
- }
+ // Get and automatically addChild to self asset with id 'background1' with the anchor point set to 0, 0
var background1 = self.attachAsset('background1', {
- anchorX: 0.0,
+ anchorX: 1,
anchorY: 0.0,
x: 0,
y: 0
});
@@ -202,9 +168,8 @@
// Center horizontally
y: 2732 // Position at the bottom
});
});
-// Add tree images to Page1
var Page2 = Container.expand(function () {
var self = Container.call(this);
// Get and automatically addChild to self asset with id 'background2' with the anchor point set to 0, 0
var background2 = self.attachAsset('background2', {
@@ -265,9 +230,8 @@
/****
* Game Code
****/
-// Add tree images to Page1
//{0.1}
//{0.2}
//{0.3}
//{0.4}
@@ -277,40 +241,6 @@
//{0.8}
//{0.9}
//{0.a}
//{0.b}
-var trees = [];
-for (var i = 1; i <= 8; i++) {
- var tree = self.attachAsset('tree' + i, {
- anchorX: 0.5,
- anchorY: 0.5,
- x: 200 * i,
- // Position trees with some spacing
- y: 500
- });
- trees.push(tree);
- // Add drag functionality to each tree
- tree.down = function (x, y, obj) {
- tree.dragging = true;
- tree.data = obj.data;
- tree.initialClick = {
- x: x,
- y: y
- };
- tree.offset = {
- x: tree.x - x,
- y: tree.y - y
- };
- };
- tree.up = function () {
- tree.dragging = false;
- tree.data = null;
- };
- tree.move = function (x, y, obj) {
- if (tree.dragging) {
- tree.x = x + tree.offset.x;
- tree.y = y + tree.offset.y;
- }
- };
-}
var page = game.addChild(new Page0()); //{0.b}
; //{0.b}
\ No newline at end of file
2D wreckage of wood, square, HD colors. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows
House from the front facing the screen with big sign above it have description "SHOP", Hd colors
coin, have "AD" not "$", hd colors. Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows