Well, since I worked with the forums and journals, been studying and moving foward on changing alot of mechanics from the default byond output to using directly the browser instead, why? well, it gives us freedoms to make things from the development plan fancier, and better to deal. (With alot of RP quality of life), first lets start with the basic stuffs like:
Multiple layouts for different forms, so we can design better what type of texts will be highlighted in the chat and what not. (highlighting ICs for example), allowing people have multiple portraits (with expressions) to use in different situations etc etc.
But mainly for other complex stuffs like event headers, better boxes showing new journal entry and comments, highlinks for phone calls etc etc etc, also things like being able to show drawings and papers IC in the browser and even use the chat to display and play youtube musics to the listeners, well, the capacities are limitless, but....
As I said up there, I am just starting the basics, and you guys will know the steps (going to fast foward to what I got so far)
first problem with browser chat, and biggest downside (that you can even see in some RP games that uses browser chats out there) is the fact that they always scroll down when a new message is posted, and in situations where alot of people are chatting its impossible to read up older messages.
I been breaking my head for a lil while to fix this issue, and got it covered, so now if you scrol up, you wont anchor your scroll at the bottom, so you can read, but if you put it down it will anchor (basically how it already works on default outputs).
Hooray first problem dealed with, so, I moved on toward setting the styles of the Say messages, portraits etc, and this is what I got:
Basically the portrait will show >> when its you saying and << if its someone else saying
and thats the layout we decided upon, the big header will scroll recent event message (probably local saved on map)
theres also a timestamp, that uses realtime by now (once we have ingame time defined in numbers we will show that instead)
Patreon stars will be defined in a different type of layout, more fancier (I gotta design the stars at it too) and, if everything goes right I hope that I may be able to let 4 star patreons even customize their layout
Currently I am moving foward to define some other complex interaction (and actual the big reason I am moving to this new methods of dealing with chats)
Such as trainer cards, And, to not lose any chat function I also am having to learn/code alot of stuffs in java, like to guarantee the scrolls works as organic as it should and some other tricks.
since I finished the last topic with the trainer card "prototype" I will start out with it:
https://gyazo.com/5cbf7ccfc6a595c7c0de5b1a6a69507e (GIF)
The profile picture and trainer card will zoom in if you hover your mouse of them, making the visibility easier and, letting me place them default "smaller" in the chat so it doesnt cover alot of space
the trainer card will display your league rank and W/L ratings, the amount of pokemon you are carrying (your bag counts) so incase carrying more then 6 pokemon is a law breaking, polices can check ppl card to see if they are "carrying more then the allowed amount of pokemon"
criminal status shows how your relation to the laws are, if you received a warrant call, the reason will display in your criminal status, if you are jailed or a fugitive it will also appears there
the profile is your profile information that one that appears in your contact etc
these areas can be scrolled
https://gyazo.com/0311acf2f766127ee47a6b8e86f9e4a9 (GIF)
There are also custom trainer cards layouts, so you can look cool
Noticed that "police Badge" appearing on top of the trainer icon? well, yeah, police officers will have that in their trainer card showing they are a cop
(or currently have a police badge) this is also usefull for, like captains/commander to know if someone have police badge, and decide if they want to remove that person´s police badge etc
inside the say bracklets in a roleplay text "" the message will be highlighted in a box, helping alot in the readability
the RP in PWO still retain the ability to make paragraphs and keep your RP look as good as it should in a normal default byond chat
You might be wondering what happen with patreon voice says and stars right? well
local OOC is tiny and shouldnt take alot of screen space to avoid mess in events
Been wondering how patreon voice color perk works in this new chat? well, basically they can change their background color by setting their IC color (top screen, setting)
However the patreons stars will only be displayed on the OOC as many complained
4 star patreon can customize their background to be instead of a plain color, an image like these one shown before
Now, lets go on toward our Profile Picture management window!
Well, a player can have up to 30 custom pictures to express different humors or situation of their character, or you can just use one, its up to you
the thing is, I made the profile management the simplier and quickier to manipulate as possible
so you can easily navigate through the expressions/pictures you have
(the profile pictures are link urls of images)
All you need is to name your pictures and post its link
https://gyazo.com/62931cf45535f0caedef82501bba25c3 (GIF)
https://gyazo.com/0f26f24e4590739077bcf709b1c13802 (GIF)
Once you set your profiles database, you can quickly navigate through them, by simply hoving your mouse over the one you want to use and selecting it
(the profile selection window can be resized aswell, but its content will scroll if needed etc, so you can always keep it open if you want and is that profile expression intensive guy like me)
If you been wondering about pokemon portraits, well pokemon will always use their own portrait to avoid headaches
I think this one covers all the basic starting ones, so we can move on:
This new chat, despite giving me more freedom when customizing complex layouts, it allows me (mainly in the future) to move on toward making alot of new functions and gameplays to use the chat more, and, ofc display things in a way better "gamey" way
but, in these CURRENT moments, I am focusing at this "basic" features, ofc, since I am having to port it everything, but I am very hyped on what I can do with all these new pawars the chat gives us. so, expect some cool features and feel free to suggest what you would like to see into the chat more,
(like the trainer card etc)
WELL, one thing I went ahead and worked on, the best cooliest way I could think of, was....
YES, battles.
I always struggled with how I would show more of the newer mechanics I have inmind to the players without ruining the chat flow/rp and making events a mess etc
(hence how I had to place the stars in the action bar to show battle efficiency cuz I had nowhere else to place them ahem, now we have tons of space/methods of display future mechanics)
WELL; its easier to understand if I show, so lets get ahead to it
Once you start a battle now, your chat will display a battle section, that will float on the top part of the chat (so it wont cover any real space of the chat, letting you still read/see latest rps without having it scrolled away from your readport due to spam of battle prompts)
in this battle section we will display information of the battle in some "GAMEY" fun fancy juincy ways
https://gyazo.com/8a3a80bb18efdc338517e6ef1d56080d (GIF)
These cards allow us to show way more information as you can already see, without fucking the functional chat where the real rps happens
these cards will display real damage, the type (by its background color) and attack style (physical, special, effect) in a icon on its bottom
you can scroll through these battle records, and can zoom in these cards by hovering your mouse at them
and, have this juicy animation on the latest hit, well, you might be saying its silly tiny thing, it is, but it will scale up alot in the future
as I will be able to show alot of battle modifiers in that screen, like terrain effects, and many other possible animations
and complex moves datas etc
(as you can already have seen, the battle background is pretty dang cute action pikachuz, that in the future I will allow ppl to customize too, but not on this first versions, and, status effects shows the color of the stat reduced and also the % of the current stats, if you didnt notice aswell, if the stat is being boosted the animation will run upside, if its a reduction, it will run down)
https://gyazo.com/43213834a0fbb78d1aad86ca57ea0c3b (GIF)
You might be wondering how "Self Inflicted" displays will be shown OUT of battle? well
the animation will show in the chat, instead but wont "break" the line, cuz as I mentioned up there, a big issue on alot of prompt warnings was it covering the RP chat flow
thats an example of out of battle self inflicted poison
if its in battle, it will be displayed normally in the battle window
One of the most annoying things ingame is how we are forced to learn perks or accidentally learn them when pressing enter, and well to show how the new chat allows me to mix in mechanics and have better controls, let me show you guys this:
https://gyazo.com/71da329a29f10613d61791b9985b0031 (GIF)
Basically when being able to learn a perk this learning message with its description and display icon will be shown and you can then opt to learn it by clicking its button
if you just ignore it, you wont learn it so you will be good to go