Developing TicToe HTML5/Client-Server communication: Difference between revisions

Jump to navigation Jump to search
Content deleted Content added
imported>Hendrik Brummermann
Created page with "<noinclude>{{Navigation TicToe HTML5}}__NOTOC__</noinclude> == Manually logging in == right|Manuel login With the server side implemented in the las..."
imported>Hendrik Brummermann
No edit summary
Line 2: Line 2:


== Manually logging in ==
== Manually logging in ==

[[File:TicToe-mockup.png|right|Manuel login]]


With the server side implemented in the last chapter, we can now actually login. We visit http://localhost:8080/index.html in a web browser and open Firebug. There is an input field at the bottom, that allows you to call any defined method and to inspect any object.
With the server side implemented in the last chapter, we can now actually login. We visit http://localhost:8080/index.html in a web browser and open Firebug. There is an input field at the bottom, that allows you to call any defined method and to inspect any object.
Line 9: Line 7:
First of all, we need to connect to the server. Type this command and wait for the message "connected" in the console log:
First of all, we need to connect to the server. Type this command and wait for the message "connected" in the console log:


marauroa.clientFramework.connect(null, null);
* '''<code> marauroa.clientFramework.connect(null, null);</code>
connected
** <code> connected</code>




Line 28: Line 26:
** <code> Entering world</code>
** <code> Entering world</code>


== Inspecting the world ==

[[File:TicToe-manual-login.png|right|Manuel login]]
If all goes well, the last message will be "Entering world".
If all goes well, the last message will be "Entering world".


Line 44: Line 45:


You should now see, the player name printed in white in the top left corner of the content area. Congratulations-
You should now see, the player name printed in white in the top left corner of the content area. Congratulations-

{{br}}