Does anyone know how to add WBM animations to GUI Menu files?
I would like to full animate my Frostwood Gui ( sample video below) I know it's possible by editing "BGEE.GUI" File, because Tutorial movies UI in IWDEE is written in BGEE.GUI File I have tried to edit in notepad but it's pain in the a**... im trying to do this for few days...
Sample code For IWDEE tutorial movies Menu: [SPOILER] menu { name 'TutorialMovies'
If i find the way and learn how to add WBM to GUI, just imagine what can i do So.. how to add Buttons on video overlay, not to break snow effect...? Don't worry i have some tricks left (You got to "think out of the box") Sorry for low quality youtube video, Original uncompreesed Video is ~5Gb in size... so i uploaded compressed 6MB video files Second v.2.2 video is updated with animated Frost on wood, wind particles & extra windy snow
I could use some help with BGEE.GUI script from IWD:EE, anyone, Beamdog please help me to achieve this vision Thanks
That looks amazing, there are a few things holding that back from being possible, which makes me sad because that looks pretty amazing.
1: The *new* GUI code can operate in one of 2 modes. First mode: just overlay stuff on top of the screen. This is how we add certain buttons to existing screens. Second mode: The entire screen is a new gui. The help movies screen is in the 2nd mode. The embedded movies only operate in the 2nd mode. You would have to re-build all the existing menus and a whole series of onUp{"SELECT .ClickButton( 'panel buttonid')";} And even then I'm not sure how that would work.
2: The movies are opaque, not transparent at all when played from the new UI.
All that being said, here is what you need to do if you want to display your own movie in the UI.
Inside the START panel 11 state 3 block, add the following to add another button to press to go to the testmovie screen. This button that is overlaid is operation in the First mode.
Then here is the minimal block to display the first tutorial movie in full screen movie. This menu that has the movie playing is operating in the 2nd mode.
menu { name 'testmovie' onOpen { "SELECT .PlayHelpMovie( '1' );" } window { "SELECT 0, 0, 1024,768;" movie { "SELECT 'placeholder';" } } }
@ScottBrooks Thanks, Scott you are a lifesaver I'm one step close to making this GUI real... Thanks for the sample code i loaded it into BGEE.GUI and it works, It's a 1st big step for my gui , and i am grateful that you share me that part of code to me..
So. Embedded movie only load as top "layer" in gui and buttons & mos are in Background layer? This cannot be changed? that the wbm movie will load in bg layer and buttons on top??
Only Menu I'm trying to animate with snow are menus, accessible from main menu. (not ingame menu's) Others animations will be in game menus as parts of the menu, details... I will rebuild my BGEE.GUI Code from scratch
One more question (very important for this project) ....is it possible to made a loop with that code? (by time, frames, idk) so the movie will loop infinite?
Is there more syntax and commands from BGEE.GUI i should be aware? for building my BGEE.GUI from scratch? If so can you send me some help notes or code syntax to inbox? SQL is not a problem i am familiar with it...
Thanks
Update: I have noticed that tutorial tooltip semitransparent black bar & text info is on top of movie and movie is in bg.... So is it possible to put things on top and movie to bottom layer?
Yeah, the movie renders after all of the rest of the UI has rendered. Looking at your concept, you have the snow playing over top of everything in the menu there too.
As far as looping goes, there's no code in the 'help movie' sections to turn on looping. The format supports it on the back end, but there's no way to enable looping from the GUI system.
The tutorial subtitles are rendered on top of the movie, but that's all considered movie rendering.
Scott, Thanks For help, i'm sad that i cannot do what i planned to do with GUI, but i will leave animations as an WIP option (maybe in further IE updates bgee scripting will be expanded, who knows.... ) ...now back to creating frostwood gui
If you are wondering what are those two (red & green) gems in the middle of the inventory,they are color picker buttons
i am not sure about inventory color variation yet and snowflakes amount.... here is alternative: 2bad that animations cannot work in engine as i planned
I will get rid of current gold coin & chest design, later...
Just for comparison here is old Inventory design for IWD Complete
Development of Frostwood GUI is taking very slow, because i am doing this in my free time, and parts from the GUI are created from scratch in much much higher resolution (so they can be reusable). It takes a lot of time to create them perfectly, scale them, edit, tweak and put them ingame... Here are some example of scaled UI elements i have created from scratch for this project
Problems/Bugs/Missing Features with GUI animations: Current Engine Cannot loop movies Current Engine Cannot load movies in "bottom" layer of GUI, they are always on "top" Engine for some reason decrease Movie Frame rate & reduce Quality on playback in game
So.. due the engine movie playback limitation I am exploring possibility to render snow through OpenGL/GLSL Shaders idk if it's possible yet... I'm doing some "Hello World" opengl testing on current Glsl IWDEE files
Comments
FrostWood GUI - Mainmenu Teaser
Does anyone know how to add WBM animations to GUI Menu files?
I would like to full animate my Frostwood Gui ( sample video below)I know it's possible by editing "BGEE.GUI" File, because Tutorial movies UI in IWDEE is written in BGEE.GUI File
I have tried to edit in notepad but it's pain in the a**... im trying to do this for few days...
Sample code For IWDEE tutorial movies Menu:
[SPOILER]
menu
{
name 'TutorialMovies'
onOpen
{
"sound( 'GAM_03' );"
"global('current_tutorial_movie', -1 );"
}
window
{
"SELECT 0,0,1024,768;"
mosaic
{
"SELECT GUITUTB;"
}
window
{
"SELECT 127, 36, 770, 54;"
text
{
"SELECT 2 AS halign, 2 as valign, 'REALMS' AS font, 37710, ' ', 17549 FROM tutorial_movies LIMIT 1;"
}
}
window
{
"SELECT 586, 154, 384, 480;"
movie
{
"SELECT tutorial_movies.id[%current_tutorial_movie]^filename WHERE %current_tutorial_movie != -1;"
}
}
window
{
"SELECT 412,706, 200,44;"
pushbutton
{
resref 'GUIBUTNT'
frame 0
strref 15416
onDown
{
"sound( 'GAM_09' );"
}
onUp
{
"SELECT .PlayHelpMovie( '-1' );"
"goto('');"
}
onEsc
{
"SELECT .PlayHelpMovie( '-1' );"
"goto('');"
}
}
}
window
{
"SELECT 105, 130, 402, 530;"
springyscrolly
{
x 0
y 0
w 402
h 530
bw 16
bh 22
window
{
"SELECT 0, 0, 402, -1, id AS category_id, category, strref, show_children FROM tutorial_categories;"
stack
{
color
{
"SELECT %darktextcolor;"
window
{
"SELECT 0, 0, 402, 32;"
button
{
onUp
{
"UPDATE tutorial_categories SET show_children = (IF .show_children = 1 THEN 0 ELSE 1) SEARCH id .category_id;"
}
color
{
"SELECT %titlecolor;"
window
{
"SELECT 0, 0, 10, 32;"
text
{
"SELECT IF .show_children = 1 THEN '-' ELSE '+';"
}
}
window
{
"SELECT 15, 0, 555, 32;"
text
{
"SELECT 'STONESML' AS font, 0 AS shadow, 0 AS halign, .strref;"
}
}
}
}
}
window
{
"SELECT 0, 32, 402, -1, id AS movie_id, strref FROM tutorial_movies SEARCH category_id .category_id WHERE tutorial_categories.id[.category_id].show_children = 1;"
stack
{
window
{
"SELECT 15, 0, 387, 2;"
fill{"SELECT 0xff333333;"}
}
window
{
"SELECT 15, 3, 387, -1;"
button
{
onUp
{
"global('current_tutorial_movie', .movie_id);"
"SELECT .PlayHelpMovie( (.movie_id):plain );"
}
color
{
"SELECT 0xFFCDCDCD;"
text
{
"SELECT 'NORMAL' AS font, 0 AS shadow, 0 AS valign, 0 AS halign, .strref;"
}
}
}
}
}
}
}
}
}
}
}
}
}
[/SPOILER]
ANIMATED GUI CONCEPT
So.. how to add Buttons on video overlay, not to break snow effect...?
Don't worry i have some tricks left (You got to "think out of the box")
Sorry for low quality youtube video, Original uncompreesed Video is ~5Gb in size... so i uploaded compressed 6MB video files
Second v.2.2 video is updated with animated Frost on wood, wind particles & extra windy snow
I could use some help with BGEE.GUI script from IWD:EE, anyone, Beamdog please help me to achieve this vision
Thanks
1: The *new* GUI code can operate in one of 2 modes. First mode: just overlay stuff on top of the screen. This is how we add certain buttons to existing screens. Second mode: The entire screen is a new gui. The help movies screen is in the 2nd mode. The embedded movies only operate in the 2nd mode. You would have to re-build all the existing menus and a whole series of onUp{"SELECT .ClickButton( 'panel buttonid')";} And even then I'm not sure how that would work.
2: The movies are opaque, not transparent at all when played from the new UI.
All that being said, here is what you need to do if you want to display your own movie in the UI.
Inside the START panel 11 state 3 block, add the following to add another button to press to go to the testmovie screen. This button that is overlaid is operation in the First mode. Then here is the minimal block to display the first tutorial movie in full screen movie. This menu that has the movie playing is operating in the 2nd mode.
Thanks, Scott you are a lifesaver I'm one step close to making this GUI real...
Thanks for the sample code i loaded it into BGEE.GUI and it works,
It's a 1st big step for my gui , and i am grateful that you share me that part of code to me..
So. Embedded movie only load as top "layer" in gui and buttons & mos are in Background layer?
This cannot be changed? that the wbm movie will load in bg layer and buttons on top??
Only Menu I'm trying to animate with snow are menus, accessible from main menu. (not ingame menu's)
Others animations will be in game menus as parts of the menu, details...
I will rebuild my BGEE.GUI Code from scratch
One more question (very important for this project) ....is it possible to made a loop with that code?
(by time, frames, idk) so the movie will loop infinite?
Is there more syntax and commands from BGEE.GUI i should be aware? for building my BGEE.GUI from scratch?
If so can you send me some help notes or code syntax to inbox?
SQL is not a problem i am familiar with it...
Thanks
Update:
I have noticed that tutorial tooltip semitransparent black bar & text info is on top of movie and movie is in bg....
So is it possible to put things on top and movie to bottom layer?
As far as looping goes, there's no code in the 'help movie' sections to turn on looping. The format supports it on the back end, but there's no way to enable looping from the GUI system.
The tutorial subtitles are rendered on top of the movie, but that's all considered movie rendering.
...now back to creating frostwood gui
Thanks Again
FrostWood GUI - INVENTORY
i am not sure about inventory color variation yet and snowflakes amount.... here is alternative:
2bad that animations cannot work in engine as i planned
FrostWood GUI - Ingame Screenshot Preview
and parts from the GUI are created from scratch in much much higher resolution (so they can be reusable).
It takes a lot of time to create them perfectly, scale them, edit, tweak and put them ingame...
Here are some example of scaled UI elements i have created from scratch for this project
FrostWood GUI - New CGEAR Animation
My opinion...Second One....
ANIMATED GUI CONCEPT (partially supported by engine)
Current Engine Cannot loop movies
Current Engine Cannot load movies in "bottom" layer of GUI, they are always on "top"
Engine for some reason decrease Movie Frame rate & reduce Quality on playback in game
idk if it's possible yet... I'm doing some "Hello World" opengl testing on current Glsl IWDEE files
Amazing UI design, mate!
VOTE NOW HERE
Looking forward to this!
Off Topic - Area Creation Test for new project
Off Topic - Some concept Art for new project
Yea i know this is first version & kinda suck : but hey I'm learning
Best thing is I can reuse this model to create building interior Area map, identical to exterior model design
Also - dat map! High five!
Off Topic - Perspective or Orthographic???? ...choices, choices...
Frostwood GUI Update: Color Picker
I hope you like new Color Picker Design...( i have it few versions and so far this is the best)
Editing this was pain in the a**