Author Topic: [FF7PC] Ori's UI Thread  (Read 26716 times)

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
[FF7PC] Ori's UI Thread
« on: 2020-07-11 08:49:15 »
The time has finally arrived! (For you to roll your eyes at me, once again.)

Vanilla Theme UI for 7th Heaven - https://drive.google.com/file/d/1TpAPsKi1wsJQI6AbaiHbvdq7B4DAQ3BB/view?usp=sharing
Vanilla Theme UI for Reunion - https://drive.google.com/file/d/1yISuWaw3JFuDXeedx8R9aeCO4CpkNp5N/view?usp=sharing
Vanilla Theme UI for New Threat (reunion version) - https://drive.google.com/file/d/1JhTrnLcPl-JZsAGG8le0N7uG3xZZj7c3/view?usp=sharing

Dual-Font UI link for .zip file compatible with The Reunion Mod:
https://drive.google.com/file/d/1TV3YI1Kcj3p6jBIQOoU-EhV-30F1BDm0/view?usp=sharing (comes with options for PS or XB360 controller buttons)
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
to get Reunion, click the globe under my username and avatar
« Last Edit: 2021-09-22 08:39:19 by -Ori »

sithlord48

  • *
  • Posts: 1640
  • Dark Lord of the Savegame
    • View Profile
    • Blackchocobo
Re: Dual-Font UI
« Reply #1 on: 2020-07-11 12:37:23 »
A Screenshot might be helpful here.

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #2 on: 2020-07-11 16:26:10 »
A Screenshot might be helpful here.

i've had a problem in the past with posting preview images, people look at the preview picture and are too lazy to click on the pictures to see the full resolution and say "OMG, THATS LOW-REZ CRAP"

but you're right, i'll upload some and post direct links with no preview

LeonhartGR

  • *
  • Posts: 2577
  • ~Whatever...~ Enjoy life!
    • View Profile
    • LeonhartGR Productions
Re: Dual-Font UI
« Reply #3 on: 2020-07-11 17:10:47 »
Please do! I'd love to look how this one looks like. Also would love to watch your outer line project with the pattern you used to be using in your former avatar but you already mentioned that it is impossible to be generated in the FFVII engine since it keeps tiling the line texture.

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #4 on: 2020-07-11 17:15:42 »
Please do! I'd love to look how this one looks like. Also would love to watch your outer line project with the pattern you used to be using in your former avatar but you already mentioned that it is impossible to be generated in the FFVII engine since it keeps tiling the line texture.

it is indeed impossible without a mod that changes the way the game uses the border, on larger dialogue boxes the game will take a small part of the border and stretch it across, so any textured spots WILL get warped and look bad, i tried though

but where did you get that image of tifa's glove? i thought about putting that in but was worried it was from an artist that copyrighted it or something
« Last Edit: 2020-07-11 17:21:30 by Orichalcon »

LeonhartGR

  • *
  • Posts: 2577
  • ~Whatever...~ Enjoy life!
    • View Profile
    • LeonhartGR Productions
Re: Dual-Font UI
« Reply #5 on: 2020-07-11 18:29:10 »
I tried to relocate the original image but failed... I remember googling for tifa's gloves and then editing the icon to look transparent and in the right direction. I think it was a gif image and I just ripped off a frame.
Edit: also this handwritten font looks cool.
« Last Edit: 2020-07-11 18:32:09 by LeonhartGR »

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #6 on: 2020-07-11 21:03:49 »
i still have the pics from the links you gave i think, if you got it from google images should be OK, i'll play around with it

Edit: also this handwritten font looks cool.

thanks!

so far the feedback says its a love it or hate it type of thing, *I* personally love it as well, adds an element of fun to it for me

but if you hate it, as i said more fonts are coming
« Last Edit: 2020-07-11 21:07:20 by Orichalcon »

unab0mb

  • 7th Heaven Crew
  • *
  • Posts: 403
    • View Profile
    • 7th Heaven Web Site
Re: Dual-Font UI
« Reply #7 on: 2020-07-12 04:47:30 »
Wow, everything looks really nice in those screenshots. Looks unique, fun, clean. Only part that seems out of place IMO is the font/style used in the main menu/limit break text, etc. It looks "dirty" or like a low-res CAPTCHA instead of clean like everything else. The borders look great too. Awesome job. Now I wonder if I can edit my ESUI iro to bolt this on...

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #8 on: 2020-07-20 04:58:52 »
Wow, everything looks really nice in those screenshots. Looks unique, fun, clean. Only part that seems out of place IMO is the font/style used in the main menu/limit break text, etc. It looks "dirty" or like a low-res CAPTCHA instead of clean like everything else. The borders look great too. Awesome job. Now I wonder if I can edit my ESUI iro to bolt this on...

if you look in-game, both fonts are actually far from 'clean looking', i went quite heavy on the effects on each  ;D

the newest font that will be coming soon is much, much cleaner and meant for better readability in mind, this font isnt 'out there' like the first 2 fonts included with this mod

screenshot of font coming soon (made with DLPB's font spacing hext template):

https://cdn.discordapp.com/attachments/726956405407481917/734629966951612487/20200719233409_1.jpg

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #9 on: 2020-08-07 04:43:08 »
https://cdn.discordapp.com/attachments/285894248988016640/741152416183091210/unknown.png
https://cdn.discordapp.com/attachments/285894248988016640/741146979987619850/unknown.png
https://cdn.discordapp.com/attachments/285894248988016640/741146019005464616/unknown.png


eventually this will be one mod you can configure all the options you want, but i'm still actively working on implementing new things, so merging to one .iro will come later as this UI is still very much in a beta state... perhaps even alpha, i've done 100% of the testing and bug fixing myself

things i'm working on:
     -creating light colored borders and dark font versions
     -implementing my own battle menu alignment
     -getting ESUI controller buttons add-on to work with DFUI

edit: crap, forgot to resave the colored fonts after i adjusted the spacing, so some config texts are a little off, this has already been fixed along with an issue with the pause window in battle, when i release the update i'll erase this and add a changelog
« Last Edit: 2020-11-13 18:12:40 by -Ori »

Chrysalis

  • ESUI Developer
  • Global moderator
  • *
  • Posts: 414
    • View Profile
Re: Dual-Font UI
« Reply #10 on: 2020-08-08 10:35:16 »
ESUI controller addon I plan to rename to vanilla gameplay controller addon (or something similar to indicate its for stock gameplay), and add an option to work on zomiplay font (as its popular), if your font spacing is similar (and icons in same place on font palletes) it should then work on your font as well.

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #11 on: 2020-08-08 16:28:27 »
ESUI controller addon I plan to rename to vanilla gameplay controller addon (or something similar to indicate its for stock gameplay), and add an option to work on zomiplay font (as its popular), if your font spacing is similar (and icons in same place on font palletes) it should then work on your font as well.

thats awesome!

zomiplay is indeed great, it was really the first HQ font that was available for r06... and most of my work is built on top of it

version 1 in the original post does indeed have identical spacing and controller button placement

EDIT:  this version b update is coming soon, i keep testing and keep finding other things that need tweaked
 when i finish the update on the iro of version b, it will be largely issue-free, the changelog will actually have to be condensed there are so many

-pause will be centered in the window
-colored texts fixed
-better alignment on inventory icons
-spacing on capital letters fixed for ALL CAPS TEXT
-spacing improved on numbers and symbols
-many punctuation fixes and tweaks, including fixing some game dialogue errors (game uses wrong set of single or double quotes in many places)
-most importantly... updated the credits, thanks everyone
« Last Edit: 2020-08-14 00:50:12 by -Ori »

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #12 on: 2020-08-14 00:14:44 »
very large update to the .iro of version b: https://drive.google.com/file/d/1pYUTSXgZBDykDAaY5GhUmDAdILdFSimE/view?usp=sharing

the changelog is above, here are some screenshots showcasing the fixes:

https://cdn.discordapp.com/attachments/285894248988016640/743589552324608080/unknown.png
https://cdn.discordapp.com/attachments/285894248988016640/743614639459401808/unknown.png
https://cdn.discordapp.com/attachments/285894248988016640/743615337282535564/unknown.png
https://cdn.discordapp.com/attachments/285894248988016640/743616180434108486/unknown.png
https://cdn.discordapp.com/attachments/285894248988016640/743617301718368276/unknown.png

so this mod has 2 versions and both with 2 different fonts, and i'm also maintaining both of these versions for reunion (which requires different hext codes and spacing, in many cases)
so basically, 4 versions of this mod right now  :?  (when i'm done the 7h compatible versions will all be in one, configurable .iro file)

right now this .iro of version b has seen the most polishing by far

also, there is no .lgp files nor chunks in these mods to maintain maximum compatibility
« Last Edit: 2020-08-14 00:26:06 by -Ori »

Chrysalis

  • ESUI Developer
  • Global moderator
  • *
  • Posts: 414
    • View Profile
Re: Dual-Font UI
« Reply #13 on: 2020-08-15 21:38:33 »
nice work Ori.

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #14 on: 2020-08-23 09:19:47 »
another decent update to version b
 -improved spacing on closed parenthesis
 -fixed and cleaned up countless cursor misalignments
 -imported some fixes and tweaks from DLPB's Menu Overhaul

nice work Ori.

thanks man! at the end of the day, its just nice to have more options for how you want your game to look, IMO

this is my first crack at modding any game, and i am finding that seeing my work inside of one of my favorite games of all-time feels quite surreal

« Last Edit: 2020-09-20 01:32:23 by -Ori »

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: Dual-Font UI
« Reply #15 on: 2020-09-07 07:44:14 »
just made a thinner box border to add to this mod

     screenshots: https://cdn.discordapp.com/attachments/285894248988016640/752463553146912798/FF7_2020-09-07_04-52-39.png
                        https://cdn.discordapp.com/attachments/285894248988016640/752463744054984704/FF7_2020-09-07_04-35-20.png
                        https://cdn.discordapp.com/attachments/285894248988016640/752463768906367006/FF7_2020-09-07_04-34-47.png

the next update will add this as an option, as well as add everything i've done to 1 configurable .iro
« Last Edit: 2020-09-07 09:54:24 by -Ori »

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: [FF7PC] Dual-Font UI
« Reply #16 on: 2020-09-19 03:26:02 »
updated the original post

very large update again:  the configurable .iro with (almost) everything i've done

so in this .iro there are 6 options, 2 sets of fonts (fonts A and B, or C and D) with 3 borders each

i made an additional stock-sized border that there are no screenshots of, it is stockborder2


i fixed the cursors, but am still in the process of fine-tuning the capital letters and punctuation of fonts C and D the way i've already done with A and B
(but fonts C and D are supposed to be wild and crazy, so its less of a deal)

also i suck at making .iros, and the consequence of that is this mod is way larger than it needs to be, as i continue to add new options i'll be forced to use proper methods, but its fine for now

big things being worked on:
     already have a set of great looking xbox buttons provided by Agravaile
     dark font/light colored border versions
     battle UI alignment
       
     and much more being planned... including more fonts


« Last Edit: 2020-09-19 22:15:37 by -Ori »

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: [FF7PC] Dual-Font UI
« Reply #17 on: 2020-11-13 18:43:42 »
DFUI for Reunion just got majorly updated.  This version I was able to work with DLPB to get a few hex codes to iron out the remaining major faults.
The Reunion version (DFUI-R) doesnt have the amount of options the .iro has, this is because of reunion's menu enhancement.  But the pro's of
menu enhancement is DFUI-R has a button mod and better battle alignments that the .iro lacks.

major changes
     -this mod comes with new avatars, i personally edited the upscaled avatars from remako for transparency (with crisper lines that have been done in the past)
          https://cdn.discordapp.com/attachments/724440792126586950/775305612850364416/unknown.png
          https://cdn.discordapp.com/attachments/749506432130351114/777039541713764372/FF7_EN_2020-11-13_23-15-12.png

     -completely revamped the gauge colors:
          https://cdn.discordapp.com/attachments/726956405407481917/776865842499551252/FF7_EN_2020-11-13_10-12-38.png
          (also take a look at gauge_colors.txt in the hext folder, values are neatly labeled so you can edit them yourself! if you screw something up a backup file is there!)


     -centered battle headers:
          https://cdn.discordapp.com/attachments/749506432130351114/776891077684625428/FF7_EN_2020-11-13_13-25-52.png

     -xbox buttons to go along with the PS buttons:  Thanks Agravaile!
          https://cdn.discordapp.com/attachments/726956405407481917/776881627572731904/FF7_EN_2020-11-13_12-48-28.png

     -new translation patch
          now UI mod can be used without new translation if you desire to turn it off and play for whatever reason, just view new_translation.txt in the Hext folder for instructions

and of course countless minor alignment fixes, links in original post



HAPPY GAMING!
« Last Edit: 2020-11-14 04:28:52 by -Ori »

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: [FF7PC] Dual-Font UI
« Reply #18 on: 2020-12-03 08:15:05 »
another large update coming in a week or 2, there's so much i need to show a progress report

the very little feedback i've gotten (hopefully one day this will change  :oops:) on the main 2 fonts seemed to say dialogue font is good, menu font is not so good, too thin and hard to read

so i kept the same font, but beefed up the letters, here is the new upcoming menu for reunion: (or font B in the .iro when it gets updated, which it will)

https://cdn.discordapp.com/attachments/724440792126586950/782657522048827392/20201129112100_1.jpg

your stream viewers hopefully can see this even better than the vanilla font now



i've also made a timer mod that will be integrated into DFUI, before i used team avalanche's timer, but was never a fan...(more to do with the vanilla image it tries to stay true to) i hate the white-ish scribbles in the background mostly

but i knew what square was going for with those scribbles, an alarm clock type background where you can faintly see all the numerals, so i literally used a segmented alarm clock font to make a set of timers, in the original color and also green and red (most common colors for these displays)

as you see the timer(s) count down, you will notice only segments light up or disappear to make the new numbers, just like a real timer/alarm display

https://drive.google.com/file/d/1bRYNSpVlqJ9fwH7-AEM7DZWboKgwp1EL/view?usp=sharing  - green timer

https://drive.google.com/file/d/1uHsRBQ6ArtiSEM4e5szChRwR2Rd0pXve/view?usp=sharing - original color (purple) also shortest vid/smallest filesize cuz vid is messed up, if you only want to watch 1 recommend watching green

https://drive.google.com/file/d/1f8R6EuXikFbJ-H5hif_1RSLgJpgZKszf/view?usp=sharing - red timer
« Last Edit: 2020-12-03 17:58:16 by -Ori »

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: [FF7PC] Dual-Font UI
« Reply #19 on: 2020-12-20 08:19:35 »
DFUI for Reunion just got updated, i keep plugging away trying to make this perfect (can use links in original post)

now if you'll allow me, i'd like to...


     main changes
          -7-segment timer graphics mod included (9 colors in 5 different styles, so 45 individual timer graphics to choose from)
          -updated avatars (most just cleaned up, but Cloud, Red XIII, and Cid all had strands of hair unsquared)
          -redone menu font (thicker, bolder characters - also easier to read)
          -fixed problems and then optimized xbox buttons and in-game tutorials
          -option to drag and drop controller button images for each controller to either swap the X and O buttons, or A and B on XBox

timer screenshots:
     https://cdn.discordapp.com/attachments/285894248988016640/790106768881352704/20201220004131_1.jpg


     https://cdn.discordapp.com/attachments/285894248988016640/790111716952375326/20201220005512_1.jpg
same thing but no light bleed into off-segments


https://cdn.discordapp.com/attachments/285894248988016640/790111753206890496/20201220005852_1.jpg
now no background and different color


https://cdn.discordapp.com/attachments/285894248988016640/790088031285149727/20201218223852_1.jpg
of course all styles have an option for the original color (i falsely stated above its purple - its not, its pink... i cloned the exact color from the original timer for the pink color)


and a few more:
https://cdn.discordapp.com/attachments/285894248988016640/790088840840609792/20201213190931_1.jpg
https://cdn.discordapp.com/attachments/285894248988016640/790088546458402826/20201216234952_1.jpg
https://cdn.discordapp.com/attachments/285894248988016640/790088968540127262/20201216124613_1.jpg
https://cdn.discordapp.com/attachments/726956405407481917/790134453133377536/20201220010555_1.jpg
and a video of it in action on reactor #1: https://drive.google.com/file/d/1IE2gER64v_DC6LvArvrk7orACsF2ETyJ/view?usp=sharing

new menu font:
https://cdn.discordapp.com/attachments/285894248988016640/790087840746176529/20201218223700_1.jpg
https://cdn.discordapp.com/attachments/285894248988016640/790119429341446144/20201220013206_1.jpg
https://cdn.discordapp.com/attachments/285894248988016640/790106763889213470/20201220004047_1.jpg

xbox buttons (ps4 buttons remain unchanged):
https://cdn.discordapp.com/attachments/285894248988016640/790142459815395328/20201220012656_1.jpg
https://cdn.discordapp.com/attachments/285894248988016640/790117344914571304/20201220011111_1.jpg

updated avatars:
https://cdn.discordapp.com/attachments/285894248988016640/790117373436231721/20201220010936_1.jpg
« Last Edit: 2020-12-21 02:47:16 by -Ori »

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: [FF7PC] Dual-Font UI
« Reply #20 on: 2021-01-05 00:59:17 »
updated the original post with a configurable timer .iro that gives the 45 options of the timers i made (9 colors in 5 styles)

it needs to be on top of other user interface mods to work (auto sort will do this), but otherwise is fully compatible with any other mod

look in the above post for screenshots


if your driver is set to use .dds, then the .dds file will be used, otherwise the .png will load and will still work even if your installation cant use .dds
« Last Edit: 2021-01-05 01:11:33 by -Ori »

LolcatPlays

  • *
  • Posts: 8
    • View Profile
Re: [FF7PC] Dual-Font UI
« Reply #21 on: 2021-01-05 19:14:07 »
Possible for me to just have the Xbox buttons on The Reunion?? also is it possible for Xbox One icons as well?

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: [FF7PC] Dual-Font UI
« Reply #22 on: 2021-01-06 01:17:33 »
Possible for me to just have the Xbox buttons on The Reunion?? also is it possible for Xbox One icons as well?

ironically someone else (SkyHawk) made the exact mod you are looking for, it keeps the vanilla font/UI and just replaces the buttons to XB One buttons
https://cdn.discordapp.com/attachments/726956405407481917/772532589189136434/Reunion_XBox_One.7z (this will not work in 7th Heaven mod manager)


in DFUI, PS1 and XB360 buttons are offered, but it replaces the entire UI/fonts with high resolution textures/font sheets

https://discord.gg/ZgATfHM - there is reunion's discord if you have other reunion-related questions
« Last Edit: 2021-01-06 21:55:41 by -Ori »

LolcatPlays

  • *
  • Posts: 8
    • View Profile
Re: [FF7PC] Dual-Font UI
« Reply #23 on: 2021-01-09 09:00:18 »
thanks bro

orichalcon

  • It's a sin that somehow
  • *
  • Posts: 438
  • Light is changing to shadow
    • View Profile
    • The Reunion
Re: [FF7PC] Dual-Font UI
« Reply #24 on: 2021-01-25 18:38:09 »
I created a new vanilla-themed UI for Reunion, called Vanilla Theme User Interface ( https://drive.google.com/file/d/1yISuWaw3JFuDXeedx8R9aeCO4CpkNp5N/view?usp=sharing )

this UI contains 2 versions (can easily swap between the two by dragging and dropping the version you want to use, will completely overwrite the other)
     1) upscaled - literally just upscaled and cut almost everything to keep almost 100% of the vanilla UI
     2) redone - much like upscaled, but the avatars, UI bars, UI timer, and icons have been replaced with better looking stuff that tries to stay as faithful as possible


Upscaled screenshots: (these screenshots use compression, will look even better in-game)
https://cdn.discordapp.com/attachments/749506432130351114/803340473967050812/20210125130643_1.jpg
https://cdn.discordapp.com/attachments/749506432130351114/803340531056246794/20210125130543_1.jpg
https://cdn.discordapp.com/attachments/749506432130351114/803340573858988082/20210125130533_1.jpg
https://cdn.discordapp.com/attachments/749506432130351114/803340626115428392/20210125130443_1.jpg
https://cdn.discordapp.com/attachments/749506432130351114/803340664804343818/20210125130413_1.jpg

Redone screenshots: (these screenshots use compression, will look even better in-game)
https://cdn.discordapp.com/attachments/749506432130351114/803341057148321822/20210125022232_1.jpg
https://cdn.discordapp.com/attachments/749506432130351114/803341189436407838/20210125021008_1.jpg
https://cdn.discordapp.com/attachments/749506432130351114/803341218716844143/20210125021016_1.jpg
https://cdn.discordapp.com/attachments/749506432130351114/803341376497909760/20210125124819_1.jpg
https://cdn.discordapp.com/attachments/749506432130351114/803341422577057832/20210125124759_1.jpg

This UI will not be ported to 7H or vanilla, the reason being the following projects are bringing a similar UI: (and also would be a lot of work)
https://forums.qhimm.com/index.php?topic=20331.0
https://forums.qhimm.com/index.php?topic=18573.0

so if you are wanting to use something like this without using Reunion, stay tuned to the projects above

I'm a newb at upscaling, but learned quickly and almost everything i  have learned is thanks to satsuki, as well as Zychronix and theflyingzamboni
from the Legend of Dragoon Discord, thanks fellas!
« Last Edit: 2021-02-01 04:32:19 by -Ori »