Webstorage - Comment sauvegarder des données pendant le jeu

1

Taggé

Statistiques

3,897 visites, 4,087 vues

Outils

Partager

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 12 Aug, 2013. Last updated 25 Feb, 2019

Parfois, il est difficile de trouver la bonne information au sein même des tutoriels puisque le titre ne reflète parfois pas le contenu.

Ce court tutoriel va parler du plugin de stockage en ligne (Webstorage)

Choses a prendre en compte

Tout d'abord, vous devez comprendre que, en raison de la sécurité et de la sécurité des données, on est "incapable" d'accéder au disque dur local par une balise HTML ou d'un élément. Pour ce faire, vous devez utiliser une sorte de technique de programmation qui traverse cette frontière comme PHP ou JAVA. Même le JavaScript n'est - pour autant que je saches - pas capable de traverser cette ligne.

La seule façon pour le HTML de "stocker" des informations sur le client local est d'utiliser les cookies. C'est là que l'objet WebStorage vient jouer son rôle.

Vous avez le choix entre deux types de cookies. Celui qui existent seulement pendant la session actuelle : l'information se perd dès que le navigateur est fermé.

Et un type "local" qui persistent tant que les cookies ne sont pas effacées.

Utiliser les cookies pour sauver des données

En fait, ce concept est assez simple. Vous pouvez enregistrer n'importe quelle chaîne dans un cookie. Pour récupérer les données, vous devez relier la chaîne à une "clé"

Ceci est un exemple de mon projet actuel:

Le score actuel est enregistré dans un cookie "HighScore". Vous n'avez pas à vous soucier de stocker le cookie, le plug-in s'en charge.

Maintenant, comment récupérer l'information? C'est aussi facile que la sauvegarde des données:

Ici, les données liées à la clé "HighScore" sont récupérées.

Ainsi, vous pouvez stocker et récupérer toutes les données que vous voulez stocker dans une chaîne.

  • 0 Comments

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