Skip to content

Soulmarine's IWD/BG/RTM Wood GUI DevLog

13»

Comments

  • SoulmarineSoulmarine Member Posts: 70
    edited November 2014

    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


    This is what i want to do v2.1



    This is what i want to do v2.2


    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


    Post edited by Soulmarine on
  • SoulmarineSoulmarine Member Posts: 70
    edited November 2014
    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.... :D )
    ...now back to creating frostwood gui :)

    Thanks Again
  • geminibrunigeminibruni Member Posts: 276
    Really, really amazing!!!!
  • SoulmarineSoulmarine Member Posts: 70
    edited November 2014

    FrostWood GUI - Ingame Screenshot Preview


    Need some tweaks...

    image
    Post edited by Soulmarine on
  • SoulmarineSoulmarine Member Posts: 70
    edited November 2014
    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 :D

    image

    image

    image
    Post edited by Soulmarine on
  • SoulmarineSoulmarine Member Posts: 70
    edited November 2014

    ANIMATED GUI CONCEPT (partially supported by engine)


    there is a bug in animation, i was to lazy to set frame layer mask for snow layer in adobe premiere :P


    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
    Post edited by Soulmarine on
  • AndreaColomboAndreaColombo Member Posts: 5,530

    FrostWood GUI - New CGEAR Animation



    image
    image


    First one or Second? What do you think?
    My opinion...Second One....
    I agree with you: While both do look good, the second one is gorgeous and I'd go with that.

    Amazing UI design, mate!
  • TvrtkoSvrdlarTvrtkoSvrdlar Member Posts: 353
    Simply amazing... :O

    Looking forward to this!
  • SoulmarineSoulmarine Member Posts: 70
    edited November 2014

    Off Topic - Some concept Art for new project



    image
    image
    image


    My First attempt to create new 3D Buildings/Houses from scratch
    Yea i know this is first version & kinda suck : but hey I'm learning :D



    image
    Best thing is I can reuse this model to create building interior Area map, identical to exterior model design

    Post edited by Soulmarine on
  • ElzarathElzarath Member Posts: 173
    This is really impressive dude! Keep up the good work!!!

    Also - dat map! High five!
  • SoulmarineSoulmarine Member Posts: 70
    edited November 2014

    Off Topic - Perspective or Orthographic???? ...choices, choices...



    image
    Post edited by Soulmarine on
  • JuliusBorisovJuliusBorisov Member, Administrator, Moderator, Developer Posts: 22,754
    Orthographic looks better in this engine, I think.
  • SoulmarineSoulmarine Member Posts: 70
    edited November 2014

    Frostwood GUI Update: Color Picker



    image



    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** :)
    Post edited by Soulmarine on
Sign In or Register to comment.