Official Everybody Edits Forums

Do you think I could just leave this part blank and it'd be okay? We're just going to replace the whole thing with a header image anyway, right?

You are not logged in.

#1 2017-04-23 01:15:34, last edited by John (2017-08-26 19:23:51)

John
Member
Joined: 2019-01-11
Posts: 1,972

EE Client in JavaScript

Hello All,

You can check it out here.

This has come a long way, since the previous versions.

Any feedback is appreciated!

Emalton

EDIT: Previous versions might be taken down, at any time.


PW?scale=2

Offline

Wooted by:

#2 2017-04-23 01:16:12, last edited by John (2017-05-31 03:10:56)

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

Stuff I'm working on

den3107's Suggestions:

  • This is a few px too long to fit on a 1920x1080 resolution

  • RoomID textbox in lobby

  • Lobby search bar

  • Loading icon/label while loading

  • After registering, give feedback and go to lobby.

  • The overal border (the white line), really doesn't look nice with the curved corners of the panels

  • Fix colors (Srna will be helping with this)

  • Fix gems and login streak

  • Padding between the icon and the label (at gems)

  • Quick-pm a person when you click their name in-chat?

  • Option to hide passwords

  • Fix Logo

  • "No friends currently online"

  • Energy (current/max)

  • Make extraspace just as high as news

  • Left-aligning the world name and center rest

  • Update the blocks

  • Optional Map Settings

  • No leave button

  • Logout / change room

  • Upon clicking on a username, insert "/pm <Username> " in the text box

  • Uppercase usernames

  • Change fonts

My Suggestions:

  • News

  • Maybe Energy Shop?

  • Show minimaps

  • Gold border in game

  • Gold border in friends list

  • God Mode

  • I shouldn't be reloading the images each time I need them.

  • Players shouldn't be able to erase others

  • Gems / Profile information

  • Abolish the placeholders!

  • Better Movements

  • Re-organize code

  • Update Blocks

  • Movements with faces

  • Underline your name if you are mentioned

  • Underline friends when they are mentioned

  • Disallow guests from using this

  • If there are already players in the room, don't say that they joined.

  • Improved graphics

  • Lobby

  • Functional Buttons

  • Friends

  • Display Blocks

  • Register

Srna's Suggestions:


PW?scale=2

Offline

#3 2017-04-23 01:31:26

SirJosh3917
Formerly ninjasupeatsninja
From: USA
Joined: 2015-04-05
Posts: 2,095

Re: EE Client in JavaScript

Logging in with "guest" "guest" doesn't work.

Offline

#4 2017-04-23 02:16:09, last edited by John (2017-04-23 15:58:29)

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

The guest account works fine.

Guests can no longer use this.


PW?scale=2

Offline

#5 2017-04-23 02:27:26

N1KF
Wiki Mod
From: ဪဪဪဪဪ From: ဪဪဪဪဪ From: ဪဪဪဪဪ
Joined: 2015-02-15
Posts: 11,055
Website

Re: EE Client in JavaScript

Emalton wrote:

I am really new to website designing, so it might be a bit cringy.

When you're cringeworthy, take it with pride! Don't let le negative anti-cringe conformists try to change who you really are inside.


Everybody Edits is Fred

Offline

#6 2017-04-23 03:14:07

Xfrogman43
Member
From: need to find a new home
Joined: 2015-02-15
Posts: 4,174

Re: EE Client in JavaScript

Emalton wrote:

The guest account works fine.

No it doesn't
Ol4MQP9.png


zsbu6Xm.png thanks zoey aaaaaaaaaaaand thanks latif for the avatar

Offline

#7 2017-04-23 03:38:43, last edited by John (2017-04-23 19:01:38)

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

This no longer supports guest accounts.


PW?scale=2

Offline

Wooted by: (3)

#8 2017-04-23 12:43:27

den3107
Member
From: Netherlands
Joined: 2015-04-24
Posts: 1,025

Re: EE Client in JavaScript

UI looks fine to me (not sure how responsive it is, but oh well...).

Couple suggestions:

  • Button to login as guest (instead of having to fill in credentials yourself).

  • Clicking on username (either from the left hand list, and preferably also by clicking on the username in chat) will create a pm message for you.

  • When logged in, a button to log out again (or some other form to change room).

  • Either make username full caps or lower case //ee.failforums.me/img/smilies/tongue Currently you'd suggest CammelCase, and obviously you don't know where to put upper case letters mid-string.

Offline

#9 2017-04-23 15:23:06

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

den3107 wrote:

UI looks fine to me (not sure how responsive it is, but oh well...).

Couple suggestions:

  • Button to login as guest (instead of having to fill in credentials yourself).

  • Clicking on username (either from the left hand list, and preferably also by clicking on the username in chat) will create a pm message for you.

  • When logged in, a button to log out again (or some other form to change room).

  • Either make username full caps or lower case //ee.failforums.me/img/smilies/tongue Currently you'd suggest CammelCase, and obviously you don't know where to put upper case letters mid-string.

Thanks for your reply. I'll get started on your suggestions, but I won't be adding the guest button because I don't see how it would benefit a chat client.

What did you have in mind when you mentioned how responsive it is? Did you mean about the PM idea?


PW?scale=2

Offline

#10 2017-04-23 16:19:38

hummerz5
Member
From: wait I'm not a secret mod huh
Joined: 2015-08-10
Posts: 5,852

Re: EE Client in JavaScript

Emalton wrote:

What did you have in mind when you mentioned how responsive it is?

p sure that means if he resizes the window/is on a mobile device, how well the UI fits the situation

Offline

#11 2017-04-23 17:50:07

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

Try now


PW?scale=2

Offline

#12 2017-04-23 17:51:00

drunkbnu
Formerly HG
Joined: 2017-08-16
Posts: 2,306

Re: EE Client in JavaScript

I was about to create one too, but R.I.P.

Offline

Wooted by:

#13 2017-04-23 18:58:05

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

HG wrote:

I was about to create one too, but R.I.P.

If you are interested in helping, it would be greatly appreciated.


PW?scale=2

Offline

#14 2017-04-23 19:15:51

Tomahawk
Forum Mod
From: UK
Joined: 2015-02-18
Posts: 2,824

Re: EE Client in JavaScript

That's a legit-looking website you got there. Would be a shame if... someone...

Nah, you can see the bot code in the page source - which, incidentally, makes it really easy to copy.


One bot to rule them all, one bot to find them. One bot to bring them all... and with this cliché blind them.

Offline

#15 2017-04-23 19:16:59, last edited by drunkbnu (2017-04-23 19:19:28)

drunkbnu
Formerly HG
Joined: 2017-08-16
Posts: 2,306

Re: EE Client in JavaScript

Emalton wrote:
HG wrote:

I was about to create one too, but R.I.P.

If you are interested in helping, it would be greatly appreciated.

I don't like to be part of a team project. I prefer to work alone whenever I want.

I have enough knowledge of HTML/CSS and JavaScript to write a chat client that looks beautiful.

Plus, I don't like your coding style (opening braces on new lines, gawd, just why?)

Offline

#16 2017-04-23 19:21:34

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

I actually have not been a part of a team project either, so I was open to giving it a shot.

ok

It's how I was taught, I never changed and probably never will unless there is a reason to.


PW?scale=2

Offline

Wooted by:

#17 2017-04-23 21:29:40, last edited by drunkbnu (2017-04-23 21:29:57)

drunkbnu
Formerly HG
Joined: 2017-08-16
Posts: 2,306

Re: EE Client in JavaScript

Making my own chat client:

1600*900 Image

Offline

#18 2017-04-23 21:41:19, last edited by John (2017-04-24 02:26:31)

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

Why not make a new topic instead of hijacking mine?

and you unwooted my post how rude


PW?scale=2

Offline

Wooted by:

#19 2017-04-24 01:12:37

den3107
Member
From: Netherlands
Joined: 2015-04-24
Posts: 1,025

Re: EE Client in JavaScript

Emalton wrote:

Thanks for your reply. I'll get started on your suggestions, but I won't be adding the guest button because I don't see how it would benefit a chat client.

What did you have in mind when you mentioned how responsive it is? Did you mean about the PM idea?

Responsive, as hummerz5 pointed out, addresses if it works on different resolutions and orientations.

PM idea would basically mean: If I'd join a room with hummerz5, I could click his name (either from the left hand list, or by clicking his name in the chat itself). When clicking, the chatbar (where you type your message) would get "/pm hummerz5 " written in it, so I don't have to myself.

HG wrote:

Plus, I don't like your coding style (opening braces on new lines, gawd, just why?)

I honestly can barely read code when it's on the same line. I need the extra whitespace the newline gives (probably due to my dyslexia). And since there's pretty much no downside to having extra newlines and spaces in your source code, why not?

But let's not discuss that stuff here (which I just kinda did v_v), I know it can get pretty messy stuff...

Offline

Wooted by:

#20 2017-04-24 02:23:02

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

den3107 wrote:
Emalton wrote:

<snip>

Responsive, as hummerz5 pointed out, addresses if it works on different resolutions and orientations.

PM idea would basically mean: If I'd join a room with hummerz5, I could click his name (either from the left hand list, or by clicking his name in the chat itself). When clicking, the chatbar (where you type your message) would get "/pm hummerz5 " written in it, so I don't have to myself.

Oooo I understand. I'll work on that when I have some extra time this upcoming week.

den3107 wrote:

I honestly can barely read code when it's on the same line. I need the extra whitespace the newline gives (probably due to my dyslexia). And since there's pretty much no downside to having extra newlines and spaces in your source code, why not?

Yeah, I need spacing too. For some reason it is challenging for me to read in a straight line, I always carry my little card with me whenever I have to read large amounts of text. I hate it, but it works.

There is a lobby list that uses lrussell's fantastic WebAPI, which can be found here.


PW?scale=2

Offline

#21 2017-05-07 04:53:38

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

I forgot about this until today.

So I went along and added a bunch of new things.

Thanks for BlockHandler.js, destroyer123!

I'm also partially colorblind so if someone has ideas for colors that would be really appreciated.

Looking for feedback and suggestions!

--

I will be working on the PM-insert code tomorrow, as requested by den3107. I'll make the UI less cringy once I get most of the need stuff down.

Contributors are always welcome!


PW?scale=2

Offline

#22 2017-05-07 10:36:06

den3107
Member
From: Netherlands
Joined: 2015-04-24
Posts: 1,025

Re: EE Client in JavaScript

I'd suggest a different font, got 2 suggestions:
1) Use Lato for the base of your site, and a monospaced font for the chat, like Consolas.
2) Use the font that Whatsapp uses over your entire site: Helvetica Neue.

Offline

#23 2017-05-07 14:29:13, last edited by John (2017-05-07 21:26:56)

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

den3107 wrote:

I'd suggest a different font, got 2 suggestions:
<snip>

Done, let me know what you think!

I also added your PM idea that you suggested earlier.

EDIT:

Kleminem / Srna is assisting with the layout!
THANKS FAM!


PW?scale=2

Offline

#24 2017-05-08 00:29:54

den3107
Member
From: Netherlands
Joined: 2015-04-24
Posts: 1,025

Re: EE Client in JavaScript

Couple points:

  • Register has no return option;

  • Registering gives no feedback;

  • Password fields aren't... Password fields, they're plain text with just a bit lighter font color;

  • Logo image is broken link;

  • Website is just a couple pixels too long to fit on a 1920x1080 resolution;

  • The overal border (the white line), really doesn't look nice with the curved corners of the panels;

  • Color palette is a bit too vibrant, I'd suggest lowering the saturation (HSV);

  • Maybe give a little label "No friends currently online";

  • Amount of gems and login streak doesn't seem to work;

  • Maybe also show energy (current/max);

  • Give a bit of padding between the icon and the label (at gems);

  • Maybe change the "Play" button to "Chat";

  • I'd suggest left-aligning the world name and it's header and centering all the other columns and their headers;

  • Maybe allow users to enter a world id for when it's not in the list;

  • Maybe put a little search bar above the table;

  • Not sure about this one, just see how it looks: add a bit of padding between cells;

  • Stick to the grid, make extraspace just as high as news;

  • Give the user an option to load the world or not;

  • Maybe update the blocks too?;

  • No leave button once in chat;

  • Maybe also quick-pm a person when you click their name in-chat?;

  • Show a loading icon/label while the chat and room are loading.

Ok, maybe it're a bit more than a couple...
Sorry that I can't make a better suggestion on the colors. They are a bit too far apart from each other, but with your current layout I can't really think of a better way to handle the colors.

P.S. Nice you use Font Awesome //ee.failforums.me/img/smilies/tongue

Offline

#25 2017-05-08 02:10:05, last edited by John (2017-05-08 20:16:29)

John
Member
Joined: 2019-01-11
Posts: 1,972

Re: EE Client in JavaScript

Am working on a few things, will get to those soon!

Thanks Srna for the login screen idea!

EDIT:
What do you mean by "Give the user an option to load the world or not"?

EDIT 2:
nvm


PW?scale=2

Offline

N1KF1581126341774040

Board footer

Powered by FluxBB

[ Started around 1711720102.5138 - Generated in 0.081 seconds, 10 queries executed - Memory usage: 1.82 MiB (Peak: 2.11 MiB) ]