Guardar y cargar datos WebStorage

1

Tagged

Contributors

Stats

4,855 visits, 5,128 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 20 Jul, 2017. Last updated 25 Feb, 2019

Cargar y guardar datos

Primero en un nuevo proyecto, agrega un objeto Text solo modifica el nombre a "Dato", agrega un objeto Textbox, ponlo debajo de Text y nómbralo "Área", por ultimo crea dos Buttons ubícalos debajo de "Área" a uno nómbralo "Guadar" y en su texto lo mismo, y en el otro haz lo mismo pero en vez de "Guardar" será "Cargar". Ya tenemos nuestro formulario creado pero falto el objeto más importante... WebStorage, agrégalo y vamos a nuestra hoja de eventos.

Cuando elegimos el uso de guardar y cargar datos no solo existe la única variable que queremos utilizar, sino que también, está la variable donde se guarda ese dato es decir que, si quisiéramos guardar la puntuación máxima entonces deberíamos tener la variable donde se guardara un dato persistentemente (Que solo se borra si lo elegimos) y la variable donde se cargara el dato persistente. Dicho esto vamos a crear una variable normal con nombre "Prueba", ¡Evento!

        EVENTO 1:
        Condicion 1: WebStorage >> Local key exits["Prueba"] (Si existiera la variable "Prueba" en el WebStorage)
        Sub Condicion: Every tick (Esto nos permitira que se puedan cargar los datos en la misma sesion y no tener que reiniciar el juego para cargarlos)
        Acción 1: System >> Set value[Prueba, WebStorage.LocalValue("Prueba")] (Entonces pasaria la variable "Prueba" almacenada en el WebStorage a la variable Prueba del juego)
        Else [Para agregar un Else da click derecho en el area roja y luego en Add]:
        Accion: System >> Set value[Prueba, 0] (De lo contrario (Else) si no se encuentra ese dato en WebStorage se el valor de Prueba sera 0)

Para entenderlo bien lee los entre paréntesis que escribí, este evento nos ayudara a cargar los datos si existieran por así decirlo, si no existiera o en otras palabras, si el usuario jamás ha guardado la partida entonces el valor se quedara en 0. ¡Eventos!

        EVENTO 2:
        Condicion: Guardar >> On Clicked
        Accion: WebStorage >> Set local value["Prueba", Area.Text]


Esto es más sencillo, si el usuario da clic en guardar entonces los datos ingresados en Area.Text se guardaran en variable local de WebStorage "Prueba", tu puedes cambiar Area.Text por una variable por ejemplo de HighScore o lo que tú quieras, pero por el momento hazlo de esta manera para seguir el tutorial. ¡Ultimo evento!

        EVENTO 3:
        Condicion: Cargar >> On Clicked
        Accion: Text >> Set text [Prueba] 

En esta ocasión cuando el usuario da clic en Cargar se enviara la variable global (La del juego) "Prueba" al texto del objeto "Dato" y debería pasar más o menos así:

Ahora recarga y veras que sin necesidad de volver a escribir el mismo dato, tan solo dando clic en cargar se volverá a cargar lo mismo, aunque si a veces no pasara eso es por que necesitas exportar tu proyecto. Para aprender a exportarlo a html5 o leer un curso completo de Construct 2 ingresa al enlace que puse al principio de este tutorial.

  • 0 Comments

Want to leave a comment? Login or Register an account!