Announcement

Collapse
No announcement yet.

[Plugin] Web UI framework plugin (VaQuoleUI)

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    [Plugin] Web UI framework plugin (VaQuoleUI)

    Hi there

    I've developed a plugin to manage ingame menus and HUD using HTML5 and JavaScript.



    VaQuoleUI is the cross-platform plugin for Unreal Engine 4 that designed to integrate web user interfaces directly into your game. You can use it to create complex menus for lobby, dynamic HUD elements, place UIs to the scene and even embed Google or any other website to the scene.

    Current version: 1.1 Beta 13 (17 July 2014)

    Key Features:
    • Use the power of HTML5, CSS and JavaScript to create beautiful and interactive game UIs
    • No C++ coding required, everything can be managed via blueprints
    • Full control of web application using JavaScript commands and callbacks
    • Pretty simple and easy to use - no excess classes and complicated schemes
    • Highly optimized to work on complex scenes with a lot of dynamic data


    Moreover, plugin is completely free and available under MIT open-source license. You can use it in commercial projects, you can modify anything, etc. In other words, you're in charge.

    Check the Wiki to know more about the plugin and get usage examples!
    Last edited by ufna; 07-16-2014, 08:24 PM.
    Making games with Unreal Engine https://alyamkin.com

    #2
    Currently I haven't nice-looking demo like guys from Coherent done, but that's the features already inside:
    • Cross-platform in theory, tested on and pre-built for Windows only
    • Can be used to integrate any Qt widgets
    • Supports translucent backgrounds
    • Can be embedded both via Texture2D and Material Instance parameter (to be used on scene)
    • Custom JavaScript code can be evaluated to control the page content
    • Callback from JS scripts are processed by Exec functions
    Making games with Unreal Engine https://alyamkin.com

    Comment


      #3
      Originally posted by ufna View Post
      Is the plugin interesting to the community?
      Are you seriously asking this question?

      The community will go crazy for this kind of plugin.
      FREE VR Drum Kit Project
      FREE Color LUT Collection
      FREE Physics Driven Spacecraft Project
      FREE GTA Style Vehicle Interaction
      Dynamic DoF(Depth of Field)
      Camera Crossfade

      Comment


        #4
        This is perfect *_* Now I just need to learn HTML5...

        EDIT: Anyone know a good HTML5 WYSIWYG editor? :P I suck at programming... Which is also why, since you're looking for suggestions, I'd be interested in blueprint support

        Also since I suck, some info about how to set up the html5 in-game would be great
        Last edited by leonn3k; 05-18-2014, 07:40 AM.
        Artist and Amateur-Blueprintist at SpiritShock

        Comment


          #5
          I just checked out both your ocean and UI plugins had a total nerdgasm. Wow. Thank you SO MUCH for these contributions.

          Cheers,
          -D

          Comment


            #6
            Originally posted by Jacky View Post
            Are you seriously asking this question?

            The community will go crazy for this kind of plugin.
            Heh, I hope so


            Originally posted by leonn3k View Post
            EDIT: Anyone know a good HTML5 WYSIWYG editor? :P I suck at programming... Which is also why, since you're looking for suggestions, I'd be interested in blueprint support

            Also since I suck, some info about how to set up the html5 in-game would be great
            You can try Google Web Designer

            What things do you want to see in Blueprints? I moved basic controls to BPs already.

            Minor example is included with plugin (it shows how to interact between web page and game code).


            Originally posted by Daydreamer View Post
            I just checked out both your ocean and UI plugins had a total nerdgasm. Wow. Thank you SO MUCH for these contributions.
            You're welcome
            Making games with Unreal Engine https://alyamkin.com

            Comment


              #7
              Awesome!!! Thank you for the contribution!

              Comment


                #8
                Thank you for doing this! A huge thanks for open sourcing it with a nice license . I have just begun struggling down the slate path so I'm going to hold off on that and start experimenting/playing with this instead.

                Perfect timing! Thanks again!

                Comment


                  #9
                  Yes, Thanks! Just in time. Was starting to get in the final stages where i was going to need to implement UI
                  Twitter - @TheKRushin

                  Feel free to ask questions and come learn to be an #UnrealDev

                  How to report a Bug

                  Comment


                    #10
                    Wow, thank you.

                    Comment


                      #11
                      So this is basically Coherent, but free.....?

                      Click image for larger version

Name:	145861.jpg
Views:	1
Size:	41.1 KB
ID:	1050708

                      Any chance of a basic tutorial on how to get it up and running? I've got the Va Quole component in my object blueprint, but can't seem to figure out how to get it to work after that...

                      Thanks!
                      Last edited by scrcr0; 05-19-2014, 11:11 AM.

                      Comment


                        #12
                        Originally posted by Crow87 View Post
                        Any chance of a basic tutorial on how to get it up and running? I've got the Va Quole component in my object blueprint, but can't seem to figure out how to get it to work after that...
                        Sure, but a bit later. At the weekend I think (I'll also add complex example).
                        Making games with Unreal Engine https://alyamkin.com

                        Comment


                          #13
                          Thank you very very very much ufna . I've been struggling to make a UI (love ya Scaleform!) for my projects. I havent checked this out yet but i will soon.

                          I've moved this thread to Engine Source & Github section.
                          Unreal Issue Tracker - Desktop App for Unreal Engine Issues
                          Unreal Nexus - Create Share and Experience!

                          Unreal Engine 4 World-Wide User Map

                          [PLUGIN] Aws Gamelift Client Plugin
                          [TOOL] Create your own binary release of UE4 from GitHub source
                          [Marketplace] Vehicle Soccer Template
                          [Marketplace] Objective Waypoint System
                          My UE4 Tutorials and Misc Tools

                          Lead Programmer at YetiTech Studios
                          Your Friendly Neighborhood
                          Satheesh PV (a.k.a RyanJon2040) | Twitter, Instagram, Facebook, LinkedIn, YouTube, Google+

                          Comment


                            #14
                            Originally posted by ufna View Post
                            Sure, but a bit later. At the weekend I think (I'll also add complex example).
                            большое спасибо!

                            Comment


                              #15
                              Hi ufna,

                              I am Angel Venkov - Coherent Labs Community Director. We discovered the plugin you have created and couldn’t help but notice that it is heavily inspired by Coherent UI. We are flattered that we have such an influence on your design and code.

                              But if you are “borrowing” from other projects, you may want to provide proper attribution and check the evaluation agreement if you are allowed to use the resources included in the evaluation at all. In your screenshot below you “forgot” to mention that the UI is taken from the Coherent package and didn’t even manage to remove our logo completely.

                              We have released openly the source of our plugin integration as we believe it will help developer community to create better games if they can see and modify it. But UE4 ecosystem is only possible if the developers and people respect each other's intellectual property and have professional integrity.

                              We would kindly ask you to respect fellow developers efforts.

                              Click image for larger version

Name:	post-1-0-45066200-1400393910.jpg
Views:	1
Size:	163.1 KB
ID:	1050736

                              Here’s a screenshot I’m sure you are familiar with from the original Coherent UI sample in Unreal Engine 4:

                              Click image for larger version

Name:	Sample HUD and 3D UI in UE4 with Coherent UI.jpg
Views:	1
Size:	397.2 KB
ID:	1050737
                              Last edited by avenkov; 05-20-2014, 09:34 AM.
                              Community Director
                              Coherent Labs
                              http://coherent-labs.com/

                              Comment

                              Working...
                              X