User prompt
Haz que al soltar joystickPoinr vuelva al centro de joystickBG
Code edit (1 edits merged)
Please save this source code
User prompt
Limita el area de movimiento de joystickPoint a joystickBG
User prompt
Haz que el proceso no use tweet plugin y sea por código
User prompt
Agrega JoystickPoinr (no ligado a joystickBG) al juego haz que siga la posición del point con suavidad ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Agrega point al juego y haz que siga siempre la posición de toque y que desaparezca al soltar
User prompt
Agrega JoystickPoinr (no ligado a joystickBG) al juego haz que siga la posición touch del jugador, agrégale smooth ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Haz que joystickPoinr siga constantemente y con suavidad la posición de toque de la oantala ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Haz que joystick siga constantemente la posición con suavidad ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'toGlobal')' in or related to this line: 'var gamePos = game.toLocal(obj.parent.toGlobal({' Line Number: 70
User prompt
Agrega JoystickPoinr (no ligado a joystickBG) al juego haz que siga la posición del jugador con suavidad ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Agrega JoystickPoinr al juego haz que siga la posición del jugador con suavidad ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'toGlobal')' in or related to this line: 'var gamePos = game.toLocal(obj.parent.toGlobal({' Line Number: 75
User prompt
Arregla el error que hace que joystickPoinr se vaya hacia abajo a la izquierda, haz que siga la posición de toque del jugador
User prompt
Haz que joystickPoinr se pueda arrastrar por todo joystickBG (bordes e interior)
User prompt
Haz que joystickPoinr arrastrable por todo joystickBG
User prompt
Please fix the bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'x')' in or related to this line: 'var localPos = joystickBG.toLocal(obj.position);' Line Number: 81
User prompt
Haz que joystickPoinr sea arrastrable con suavidad ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Haz a joystickpointr arrastrable siguiendo a point con smooth ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Haz que joystickPoinr se pueda arrastrar
User prompt
Haz que joystickPoinr se pueda arrastrar por todo joystickBG al mantenerlo pregionalo
User prompt
JoystickPoinr no se mueve
User prompt
Haz a joystickpointr arrastrable siguiendo a point y limita su área de movimiento a joystickpointr
User prompt
Haz que al tocar joystickpointr siga el puntero. Que no se pueda mover más del área de joystickBackground y al soltar que regrese al centro ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
Agrega puntero al juego por encima de todos los objetos, haz que este siempre esté en la posición de toque. Que aparezca y desaparezca al apretar o soltar
/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ // Create gameplay background - 4/5 of screen height (top portion) var gameplayBackground = game.attachAsset('gameplayBg', { x: 0, y: 0, anchorX: 0, anchorY: 0 }); // Create carPlayer character on top of gameplayBackground var carPlayer = gameplayBackground.attachAsset('CarPlayer', { x: 1024, // Center horizontally y: 1800, // Position in lower portion of gameplay area anchorX: 0.5, anchorY: 0.5 }); // Create UI background - 1/5 of screen height (bottom portion) var uiBackground = game.attachAsset('uiBg', { x: 0, y: 2186, anchorX: 0, anchorY: 0 }); // Create joystickBG centered in UI background var joystickBG = uiBackground.attachAsset('JoystickBG', { x: 1024, // Center horizontally in UI y: 273, // Center vertically in UI (546/2 = 273) anchorX: 0.5, anchorY: 0.5 }); // Create point object that will follow touch position var point = null; // Create JoystickPoinr that will follow point position smoothly var joystickPoinr = game.attachAsset('JoystickPoinr', { x: 1024, y: 2459, anchorX: 0.5, anchorY: 0.5 }); // Handle touch down - create and show point game.down = function (x, y, obj) { // Create point at touch position point = game.attachAsset('Puntero', { x: x, y: y, anchorX: 0.5, anchorY: 0.5 }); }; // Handle touch move - update point position game.move = function (x, y, obj) { if (point) { point.x = x; point.y = y; // Make JoystickPoinr follow point position smoothly tween(joystickPoinr, { x: x, y: y }, { duration: 100, easing: tween.easeOut }); } }; // Handle touch up - remove point game.up = function (x, y, obj) { if (point) { point.destroy(); point = null; } };
===================================================================
--- original.js
+++ change.js
@@ -1,5 +1,10 @@
/****
+* Plugins
+****/
+var tween = LK.import("@upit/tween.v1");
+
+/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
@@ -41,8 +46,15 @@
anchorY: 0.5
});
// Create point object that will follow touch position
var point = null;
+// Create JoystickPoinr that will follow point position smoothly
+var joystickPoinr = game.attachAsset('JoystickPoinr', {
+ x: 1024,
+ y: 2459,
+ anchorX: 0.5,
+ anchorY: 0.5
+});
// Handle touch down - create and show point
game.down = function (x, y, obj) {
// Create point at touch position
point = game.attachAsset('Puntero', {
@@ -56,8 +68,16 @@
game.move = function (x, y, obj) {
if (point) {
point.x = x;
point.y = y;
+ // Make JoystickPoinr follow point position smoothly
+ tween(joystickPoinr, {
+ x: x,
+ y: y
+ }, {
+ duration: 100,
+ easing: tween.easeOut
+ });
}
};
// Handle touch up - remove point
game.up = function (x, y, obj) {