AJAX Simple Multiplayer Update

1

Tagged

Attached Files

The following files have been attached to this tutorial:

.zip

ajax-update-tutorial.zip

Download now 900.02 KB

Stats

2,959 visits, 3,201 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 28 Oct, 2013. Last updated 25 Feb, 2019

VISÃO GERAL

este tutorial irá mostrar-lhe como configurar um baseadas em AJAX base multi-usuário demo app, tudo o que você gostaria de chamar-lhe. Pois bem, isso é mais de uma explicação de um tutorial, no entanto, eu ter incluído todos os arquivos necessários para completar este tutorial.

Temos um rumo na tela e quem está olhando para a mesma página da web pode movê-lo. Cada vez que a táctica é arrastar e caiu ele usa AJAX para apresentar o rumo novo local para uma página PHP em um servidor web, que por sua vez atualiza o banco de dados.

A página da web será também usar AJAX de 5 em 5 segundos para atualizar a localização do rumo do PHP página que recebe as informações do banco de dados.

Este não é destinado a ser usado por mais de um pequeno número de pessoas que desejam testá-lo, do contrário o rumo será todo o lugar.

FLUXO

1. Fonte do arquivo .SQL no seu mySQL server

2. CAPX editar o arquivo para conter a URL onde o projeto é carregado em um servidor web

3. Edite o arquivo PHP para conter suas informações de conexão do banco de dados.

4. Exportar o projeto como arquivos HTML5

5. Fazer Upload do HTML5 os ficheiros para o servidor web

6. Fazer Upload do PHP arquivo no mesmo diretório do seu servidor web

7. Carregar o app em dois computadores ou duas janelas do navegador

8. Mova o rumo, e vê-lo atualização a cada 5 segundos

0. ( Eu sei que isto pode parecer chato, mas é um muito simples tutorial )

CAPX INFORMAÇÕES

o CAPX arquivo contém

- 1º Sprite objeto (o Tack)

- 1º Piso em objeto de fundo (o Pegboard)

Nós configurar duas variáveis globais para guardar a localização do rumo que é atualizado pelo AJAX e, em seguida, utilizado para colocar os arreios no ecrã.

Evento 1: atualiza o tack localização da base de dados uma vez a cada 5 segundos.

Evento 2: analisa as informações retornadas do caso 1 e coloca o rumo para o local certo na tela. Ele usa a "tokenat" sistema expressão para dividir as informações em 2 variáveis utilizadas pelo C2.

Evento 3: atualiza o banco de dados com a nova localização do rumo quando se arraste e caiu, quando ele é descartado.

Você deve alterar o 'YOURURL" o texto, os eventos que devem ser o URL onde você tem os arquivos do seu site ou não vai ser capaz de encontrar a página PHP utilizado para atualizar o banco de dados.

INFORMAÇÕES

mySQL

Fonte este arquivo em seu banco de dados no seu servidor mySQL, que está além do escopo deste tutorial.

PHP INFORMAÇÕES

Este arquivo deve ser carregado para o mesmo lugar que o C2 HTML5 exportados a partir deste projeto no seu servidor web.

Espero que este tutorial ajude algumas pessoas com algumas baseadas em AJAX atualizar e espero apresentar alguns tutoriais sobre qualidade superior em breve.

MWMDragon

.ZIP

ajax-update-tutorial.zip

Download now 900.02 KB
  • 0 Comments

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