Simple mise à jour AJAX en multijoueur

1

Taggé

Fichiers attachés

Les fichiers suivants ont été attachés à ce tutoriel:

.zip

ajax-update-tutorial.zip

Télécharger maintenant 900.02 KB

Statistiques

2,858 visites, 3,074 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 27 Aug, 2013. Last updated 25 Feb, 2019

(Le texte en italique veut dire que j'ai un p'tit doute sur la traduction ^^ Veuillez m'en excuser.)

Aperçu

Ce tutoriel va vous montrer comment mettre en place une application AJAX basique basée sur la démo multi-utilisateur, quoi que vous désiriez faire. Donc, c'est plus une explication qu'un tutoriel, de toute façon j'ai inclus tous les fichiers nécessaires au tutoriel.

Nous avons donc un "Tack" sur l'écran et toute personne qui recherche la même page peut s'y déplacer. Chaque fois que le point est drag'n droppé, AJAX est utilisé pour demander une nouvelle page PHP sur un serveur, ce qui met à jour la base de données.

La page qui utilise AJAX mettra à jour toutes les 5 secondes la direction vers la page PHP pour obtenir des informations de la base de donnée (BDD).

Ce n'est pas destiné à être utilisé par plus de quelques personnes qui veulent tester. Par ailleurs, la direction sera partout.

Étapes

1. Référencer le .SQL dans votre serveur mySQL

2. Editez le .CAPX pour qu'il contienne l'URL où le projet est uploadé comme un serveur web

3. Editez le fichier PHP pour contenir vos informations de connexion de base.

4. Exportez le projet en HTML5

5. Uploadez le HTML5 sur votre serveur web

6. Uploadez le PHP dans le même répertoire sur votre serveur web

7. Chargez l'application sur deux ordinateurs ou deux fenêtres de navigateur

8. Déplacez le "Tack" et le garder à jour toutes les 5 secondes

0. (Je sais que cela peut sembler ennuyeux mais c'est un tutoriel très simple)

CAPX INFORMATION

Le fichier CAPX contient

- 1 Sprite (Le "Tack")

- 1 Tiled Background (Le "Pegboard")

Nous mettons en place 2 variables globales pour stocker la position de la punaise qui est mise à jour par AJAX et utilisé pour placer la punaise sur l'écran.

Event 1: Mise à jour de la position de la punaise depuis la BDD toutes les 5 secondes.

Event 2: Analyse de l'information retournée par l’événement 1 et placement de la punaise au bon endroit sur ​​l'écran. Utilisation de l'expression système "tokenat" pour séparer les informations dans 2 variables utilisées par C2.

Event 3: Mises à jour de la base de données avec le nouvel emplacement de la punaise quand il est Drag'n droppé.

Vous devez modifier le texte 'YOURURL' dans les événements comme l'URL où vous avez vos fichiers sur votre site ou il ne sera pas en mesure de trouver la page PHP utilisée pour mettre à jour la BDD.

informations mySQL

Le référencement du fichier dans votre base de données sur votre serveur MySQL est au-delà de la portée de ce tutoriel.

INFORMATION PHP

Ce fichier doit être téléchargé au même endroit que l'export HTML5 de ce projet sur votre serveur web.

J'espère que ce tutoriel aidera quelques personnes voulant utiliser AJAX et j'espère pouvoir soumettre quelques tutoriels de qualité supérieure bientôt.

MWMDragon

.ZIP

ajax-update-tutorial.zip

Download now 900.02 KB
  • 0 Comments

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