twig33 / orbs Goto Github PK

Hey! I've been testing writing stuff in CSS and JS that could be used on the Player's page UI:

https://codepen.io/jetrotau/full/ZEJqmEE
It already has functions related to the client side of the chat, like:

Display Alerts:

var msg = buildMessage.alert( "Connected to Room 3", "warning" );
displayMessage(msg);

// where :
// "warning" = Yellow BG alert
// "error" = Red BG alert
// having no parameter = black BG alert

Display Chat Messages from Client:

var msg = buildMessage.chat( playerName,"Any kind of Text", 1 )
displayMessage(msg);

// where :
// playerName = is a var that deals with the NickName selection
// 1 = is what tells the message builder that it's a message from the client.

Display Chat Messages from Other Players:

var msg = buildMessage.chat( "AnotherPlayer", "Testing Message From outside")
displayMessage(msg);

// where :
// "AnotherPlayer" = can be any kind of string
// the lack of the 1 param, tells to the builder that this is not a message from the client.

Clear Chat Button + Info Button + Alerts

Hide Chat Button:

You can also customize the colors scheme of it:

I didn't want to make a mess in your code, so hosted it on codepen: https://codepen.io/jetrotau/full/ZEJqmEE
But I tried to keep the names of the HTML elements and some variables that I saw on the current Play page.

I also organized the functions for readability and easy maintenance.

feel free to use or discard any of the ideas from it.

If a player turns without actually moving any tiles, this change isn't reflected on all other connected players. The player will appear to look the same direction they had originally walked in to everyone else.

Apologies if this isn't the right repository to post this under, ynoclient doesn't have issues enabled.