{"id":3717,"date":"2014-06-09T15:11:27","date_gmt":"2014-06-09T15:11:27","guid":{"rendered":"http:\/\/coherent-labs.com\/?p=3717"},"modified":"2017-11-17T16:14:56","modified_gmt":"2017-11-17T16:14:56","slug":"ui-scripting-with-ue4-blueprints-intro","status":"publish","type":"post","link":"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/","title":{"rendered":"UI Scripting with UE4 Blueprints intro"},"content":{"rendered":"

Over 83% of the Unreal Engine 4 (UE4) community that we have surveyed last month indicated that developers prefer to create the gameplay of the game using Blueprints, along with C++. The Blueprint integration<\/strong> is one of the most requested features and you can see the rest findings in the infographic we created with the summary of the Unreal Engine 4 survey<\/a>.<\/p>\n

In Coherent UI 2.0 we introduce an important new feature for the Coherent UI for Unreal Engine 4 plugin. Game developers will be able to script their entire UI through Blueprints<\/strong> without the need to write C++ code. Designers will be able to both create and add functionality to the game UI without the intervention of programmers. Implementing UI interactions can now be done literally in minutes.<\/p>\n

The UI Blueprint scripting works two-way – you can send data and trigger events from the game in the UI and vice-versa you can implement game logic in response to things happening in the interface. Our UI scripting allows sending all UE4 primitive types both ways as well as any UObject. UObject properties are automagically<\/strong> made available in the UI JavaScript.<\/p>\n

The Coherent UI Sample game will come with two classic examples that will illustrate how to script your UI from within Blueprints. The sample is available with all versions of Coherent UI, you can freely download a trial<\/a>.<\/p>\n

This first screenshot shows a Blueprint that sends the entire Player Character object to the UI where its properties like the player name, ammo, health etc. are used to populate the HUD.<\/p>\n

\"Sending<\/a>

Sending the player character to the UI via Blueprints<\/p><\/div>\n

The whole character is automatically exported and all the properties it has in the Blueprint or C++ code will be available in the UI as well.<\/p>\n

The second example shows how to load a new level from Blueprint when the user clicks \u201cStart game\u201d on the game menu. Until now you had to write the game logic in C++, now you can simply handle in Blueprint the event triggered by the UI when the button is pressed and load the level from there. The UI can also freely send data to the game.<\/p>\n

As you can see from the screenshot, the Blueprint is very simple. You listen to the event triggered by the UI, read the name of the level and load it.<\/p>\n

\"Handling<\/a>

Handling a UI event in Blueprints<\/p><\/div>\n

We believe that the new Blueprint UI scripting will make working with Coherent UI even more easy and fast for game development teams. Non-programmers now have the full set of tools to create and integrate any type of UI into the game.<\/p>\n

We are working on more video tutorials to illustrate how to use the power of Coherent UI and make great user interfaces quickly and efficiently, among them a tutorial on the Blueprint scripting. What tutorials would you like to see? Share with us you ideas on our forum<\/a>.
\nThe Blueprint support will continue to improve and the next step will be to provide an even more integrated UI development experience in the UE4 editor. Stay tuned for more details in the following weeks.<\/p>\n

\n

Follow Stoyan on Twitter:\u00a0@stoyannk<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Over 83% of the Unreal Engine 4 (UE4) community that we have surveyed last month indicated that developers prefer to create the gameplay of the game using Blueprints, along with C++. The Blueprint integration is one of the most requested features and you can see the rest findings in the infographic we created with the […]<\/p>\n","protected":false},"author":18,"featured_media":9804,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[410],"tags":[],"yoast_head":"\nUI scripting with UE4 Blueprints introduction - Coherent Labs<\/title>\n<meta name=\"description\" content=\"Read more about how you will be able to do entire UI scripting through Blueprints without the need to write C++ code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI scripting with UE4 Blueprints introduction - Coherent Labs\" \/>\n<meta property=\"og:description\" content=\"Read more about how you will be able to do entire UI scripting through Blueprints without the need to write C++ code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/\" \/>\n<meta property=\"og:site_name\" content=\"Coherent Labs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CoherentLabs\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-09T15:11:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-17T16:14:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/coherent-labs.com\/posts\/wp-content\/uploads\/2014\/06\/stencil.blog-post-feature-56.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alexandra\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CoherentLabs\" \/>\n<meta name=\"twitter:site\" content=\"@CoherentLabs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alexandra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/\",\"url\":\"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/\",\"name\":\"UI scripting with UE4 Blueprints introduction - Coherent Labs\",\"isPartOf\":{\"@id\":\"https:\/\/coherent-labs.com\/posts\/#website\"},\"datePublished\":\"2014-06-09T15:11:27+00:00\",\"dateModified\":\"2017-11-17T16:14:56+00:00\",\"author\":{\"@id\":\"https:\/\/coherent-labs.com\/posts\/#\/schema\/person\/b0252689790c3d1c9036209533d03791\"},\"description\":\"Read more about how you will be able to do entire UI scripting through Blueprints without the need to write C++ code.\",\"breadcrumb\":{\"@id\":\"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/coherent-labs.com\/posts\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI Scripting with UE4 Blueprints intro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/coherent-labs.com\/posts\/#website\",\"url\":\"https:\/\/coherent-labs.com\/posts\/\",\"name\":\"Coherent Labs\",\"description\":\"Cross-Platform Game UI Middleware\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/coherent-labs.com\/posts\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/coherent-labs.com\/posts\/#\/schema\/person\/b0252689790c3d1c9036209533d03791\",\"name\":\"Alexandra\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/coherent-labs.com\/posts\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/687476ba742eac5c6da76b305bc4004b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/687476ba742eac5c6da76b305bc4004b?s=96&d=mm&r=g\",\"caption\":\"Alexandra\"},\"url\":\"https:\/\/coherent-labs.com\/posts\/author\/alexandra\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI scripting with UE4 Blueprints introduction - Coherent Labs","description":"Read more about how you will be able to do entire UI scripting through Blueprints without the need to write C++ code.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/","og_locale":"en_US","og_type":"article","og_title":"UI scripting with UE4 Blueprints introduction - Coherent Labs","og_description":"Read more about how you will be able to do entire UI scripting through Blueprints without the need to write C++ code.","og_url":"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/","og_site_name":"Coherent Labs","article_publisher":"https:\/\/www.facebook.com\/CoherentLabs\/","article_published_time":"2014-06-09T15:11:27+00:00","article_modified_time":"2017-11-17T16:14:56+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/coherent-labs.com\/posts\/wp-content\/uploads\/2014\/06\/stencil.blog-post-feature-56.jpg","type":"image\/jpeg"}],"author":"Alexandra","twitter_card":"summary_large_image","twitter_creator":"@CoherentLabs","twitter_site":"@CoherentLabs","twitter_misc":{"Written by":"Alexandra","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/","url":"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/","name":"UI scripting with UE4 Blueprints introduction - Coherent Labs","isPartOf":{"@id":"https:\/\/coherent-labs.com\/posts\/#website"},"datePublished":"2014-06-09T15:11:27+00:00","dateModified":"2017-11-17T16:14:56+00:00","author":{"@id":"https:\/\/coherent-labs.com\/posts\/#\/schema\/person\/b0252689790c3d1c9036209533d03791"},"description":"Read more about how you will be able to do entire UI scripting through Blueprints without the need to write C++ code.","breadcrumb":{"@id":"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/coherent-labs.com\/posts\/ui-scripting-with-ue4-blueprints-intro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/coherent-labs.com\/posts\/"},{"@type":"ListItem","position":2,"name":"UI Scripting with UE4 Blueprints intro"}]},{"@type":"WebSite","@id":"https:\/\/coherent-labs.com\/posts\/#website","url":"https:\/\/coherent-labs.com\/posts\/","name":"Coherent Labs","description":"Cross-Platform Game UI Middleware","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/coherent-labs.com\/posts\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/coherent-labs.com\/posts\/#\/schema\/person\/b0252689790c3d1c9036209533d03791","name":"Alexandra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/coherent-labs.com\/posts\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/687476ba742eac5c6da76b305bc4004b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/687476ba742eac5c6da76b305bc4004b?s=96&d=mm&r=g","caption":"Alexandra"},"url":"https:\/\/coherent-labs.com\/posts\/author\/alexandra\/"}]}},"_links":{"self":[{"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/posts\/3717"}],"collection":[{"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/comments?post=3717"}],"version-history":[{"count":4,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/posts\/3717\/revisions"}],"predecessor-version":[{"id":13677,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/posts\/3717\/revisions\/13677"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/media\/9804"}],"wp:attachment":[{"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/media?parent=3717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/categories?post=3717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coherent-labs.com\/posts\/wp-json\/wp\/v2\/tags?post=3717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}