[HELP] V83 new look CashShop !!

[ryoutanman]

こんにちは。V83 HeavenMSを使用しています。
Deepl翻訳を使用しているので、私の英語が下手で申し訳ありません。

私は革新的な新しい UI 現金ストアの作成に取り組んでいます。
しかし、私は2つの問題に苦しんでいます。

1 つ目は、赤丸内のユーザー ID とその他のテキストの位置です。
可能であれば、このテキストを画面右側のBEST ITEMの一番下に移動させたいと思っています。

2 つ目は、青い円内のアイテム自体の位置です。
アイテム自体は通常画面の左上に配置されているので、少し右下に移動させたいと思います。


できれば助けてください。
ここまで読んでいただきありがとうございます。

 

[religion]

Honestly it looks good. As for the userID and whatever else that says, I am not sure what you would do with it. Even on this UI there isn't a spot for you to put it. Maybe you can edit the actual image to keep those there if you can't figure out how to move it. I believe with Client editing you can but idfk how lol. As for the blue circle. Easy way would just edit the entire image again and move the gray rectangles up.

 

[ryoutanman]

Honestly it looks good. As for the userID and whatever else that says, I am not sure what you would do with it. Even on this UI there isn't a spot for you to put it. Maybe you can edit the actual image to keep those there if you can't figure out how to move it. I believe with Client editing you can but idfk how lol. As for the blue circle. Easy way would just edit the entire image again and move the gray rectangles up.

Thank you for your kind words and for your reply!
Regarding the cache store UI, everything is positioned by the client.
There is nothing in Wz that allows you to edit the positioning.
I changed a lot of addresses related to the cash store, but still couldn't find it, so I posted this because I was having trouble finding it, lol.

By the way, all the UI positions on the login screen were also restricted by the client. LOL.

 

[Angxl]

I like it! The world select screen is cute too.
Here are a few notes I had written while remaking my own

Spoiler

WriteByte(0x004B8066 + 2, 0x65);                //Items List Icons Y
WriteByte(0x004B806E + 2, 0x1B);                //Items List Icons X
WriteByte(0x004B7FE4 + 2, 0x65);                //Package Icons Y
WriteByte(0x004B7FED + 2, 0x1B);                //Package Icons X
WriteByte(0x004B814B + 1, 0x55);                //Item List Names "..." Control
WriteByte(0x004B81CF + 2, 0x70);                //Items List Names Y
WriteByte(0x004B81D6 + 2, 0x1A);                //Items List Names X
WriteByte(0x004B8CD8 + 2, 0x7F);                //Items List NX Y
WriteByte(0x004B8CDF + 2, 0x23);                //Items List NX X
WriteByte(0x004B7F07 + 2, 0x00);                //Tab select items Y
WriteByte(0x004B7F0B + 2, 0x00);                //Tab select items X

//Buttons    
WriteByte(0x004BA75F + 2, 0x09);                //BtBuy X
WriteByte(0x004BA8EB + 2, 0x0C);                //BtReserve Y
WriteBytes(0x004BA8F3, "83 C2 0E 90 90 90");    //BtReserve X
WriteByte(0x004B868E + 2, 0x1F);                //"E" Symbol Y
WriteByte(0x004B8692 + 2, 0x0D);                //"E" Symbol X
WriteByte(0x004B88B4 + 2, 0x1F);                //"M" & "F" Y
WriteByte(0x004B88B8 + 2, 0x5A);                //"M" & "F" X

 

[ryoutanman]

I like it! The world select screen is cute too.
Here are a few notes I had written while remaking my own

Spoiler

WriteByte(0x004B8066 + 2, 0x65);                //Items List Icons Y
WriteByte(0x004B806E + 2, 0x1B);                //Items List Icons X
WriteByte(0x004B7FE4 + 2, 0x65);                //Package Icons Y
WriteByte(0x004B7FED + 2, 0x1B);                //Package Icons X
WriteByte(0x004B814B + 1, 0x55);                //Item List Names "..." Control
WriteByte(0x004B81CF + 2, 0x70);                //Items List Names Y
WriteByte(0x004B81D6 + 2, 0x1A);                //Items List Names X
WriteByte(0x004B8CD8 + 2, 0x7F);                //Items List NX Y
WriteByte(0x004B8CDF + 2, 0x23);                //Items List NX X
WriteByte(0x004B7F07 + 2, 0x00);                //Tab select items Y
WriteByte(0x004B7F0B + 2, 0x00);                //Tab select items X

//Buttons    
WriteByte(0x004BA75F + 2, 0x09);                //BtBuy X
WriteByte(0x004BA8EB + 2, 0x0C);                //BtReserve Y
WriteBytes(0x004BA8F3, "83 C2 0E 90 90 90");    //BtReserve X
WriteByte(0x004B868E + 2, 0x1F);                //"E" Symbol Y
WriteByte(0x004B8692 + 2, 0x0D);                //"E" Symbol X
WriteByte(0x004B88B4 + 2, 0x1F);                //"M" & "F" Y
WriteByte(0x004B88B8 + 2, 0x5A);                //"M" & "F" X

Hey, angxl! Thanks for your reply.
I was inspired by the stylish UI you posted and worked hard on it! Thanks~(；＿；))

This code is very helpful and I'm sure the WzEditors who saw this thread will make progress lol!
I'll try some more stuff!

 

[ryoutanman]

I like it! The world select screen is cute too.
Here are a few notes I had written while remaking my own

Spoiler

WriteByte(0x004B8066 + 2, 0x65);                //Items List Icons Y
WriteByte(0x004B806E + 2, 0x1B);                //Items List Icons X
WriteByte(0x004B7FE4 + 2, 0x65);                //Package Icons Y
WriteByte(0x004B7FED + 2, 0x1B);                //Package Icons X
WriteByte(0x004B814B + 1, 0x55);                //Item List Names "..." Control
WriteByte(0x004B81CF + 2, 0x70);                //Items List Names Y
WriteByte(0x004B81D6 + 2, 0x1A);                //Items List Names X
WriteByte(0x004B8CD8 + 2, 0x7F);                //Items List NX Y
WriteByte(0x004B8CDF + 2, 0x23);                //Items List NX X
WriteByte(0x004B7F07 + 2, 0x00);                //Tab select items Y
WriteByte(0x004B7F0B + 2, 0x00);                //Tab select items X

//Buttons    
WriteByte(0x004BA75F + 2, 0x09);                //BtBuy X
WriteByte(0x004BA8EB + 2, 0x0C);                //BtReserve Y
WriteBytes(0x004BA8F3, "83 C2 0E 90 90 90");    //BtReserve X
WriteByte(0x004B868E + 2, 0x1F);                //"E" Symbol Y
WriteByte(0x004B8692 + 2, 0x0D);                //"E" Symbol X
WriteByte(0x004B88B4 + 2, 0x1F);                //"M" & "F" Y
WriteByte(0x004B88B8 + 2, 0x5A);                //"M" & "F" X

You've helped me to design it more optimized!Thank you.

Just one more question, do you know the address to change the submenu?
I'm having trouble making it look more serene because the colors are getting in the way.

 

[Angxl]

You've helped me to design it more optimized!Thank you.

Just one more question, do you know the address to change the submenu?
I'm having trouble making it look more serene because the colors are getting in the way.

Changing the color might be pretty easy, just look around the function that handles the origin or something. Anything other than that I wouldn't know, sorry I left my tabs default and never looked into anything else since I was satisfied with the way it came out.

 

[Teylusu]

Thank you for your kind words and for your reply!
Regarding the cache store UI, everything is positioned by the client.
There is nothing in Wz that allows you to edit the positioning.
I changed a lot of addresses related to the cash store, but still couldn't find it, so I posted this because I was having trouble finding it, lol.

By the way, all the UI positions on the login screen were also restricted by the client. LOL.
View attachment 234710
View attachment 234711
View attachment 234712
View attachment 234713

How to make this? should edit client? after i replace .wz file, client throw exception, why?