{"id":114323,"date":"2020-06-18T13:40:50","date_gmt":"2020-06-18T13:40:50","guid":{"rendered":"http:\/\/gamefromscratch.com\/post.aspx?id=be817b6e-f2c6-4cc8-9016-b3027f578a2a"},"modified":"2020-06-18T13:40:50","modified_gmt":"2020-06-18T13:40:50","slug":"webglstudio-hands-on","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2020\/06\/18\/webglstudio-hands-on\/","title":{"rendered":"WebGLStudio Hands-On"},"content":{"rendered":"<p>Today we are looking at the game engine\/framework combo <a href=\"https:\/\/webglstudio.org\/\">WebGLStudio<\/a>, an entirely browser based game engine with a complete visual editor. <\/p>\n<p>Key features of WebGLStudio include:<\/p>\n<blockquote>\n<ul>\n<li>A full 3D graphics engine (<a href=\"https:\/\/github.com\/jagenjo\/litescene.js\">LiteScene.js<\/a>) that supports multiple lights, shadowmaps, realtime reflections, custom materials, postFX, skinning, animation, and much more. <\/li>\n<li>An easily extended, component-based system for controlling the rendering pipeline and interaction event hooks <\/li>\n<li>An easy to use, what you see is what you get (WYSIWYG) editor that provides a single interface for all coding, graph compositing and timeline features. <\/li>\n<li>A graph editor for controlling behaviours, shaders and post-processing effects, using <a href=\"https:\/\/github.com\/jagenjo\/litegraph.js\">LiteGraph.js<\/a>. <\/li>\n<li>Supports the <a href=\"https:\/\/github.com\/jagenjo\/litefilesystem.js\">LiteFileSystem.js<\/a>, a virtual file system that allows drag-and-drop storage of resources on the web, with configurable quotas, users and shared folders. <\/li>\n<li>Export and share your work by sending a single link.<\/li>\n<\/ul>\n<\/blockquote>\n<p>The entire technology stack behind WebGLStudio is open source under the MIT license and <a href=\"https:\/\/github.com\/jagenjo\/webglstudio.js\">available on GitHub<\/a>.&nbsp; You can learn more about WebGLStudio in the <a href=\"https:\/\/youtu.be\/EwyVjq5stI4\">video<\/a> below.<\/p>\n<p align=\"center\"><iframe loading=\"lazy\" width=\"853\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/EwyVjq5stI4\" frameborder=\"0\" allowfullscreen allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\">[embedded content]<\/iframe><\/p>\n<p class=\"under\"> <span class=\"categories\"><a href=\"https:\/\/www.gamefromscratch.com\/category\/GameDev-News.aspx\">GameDev News<\/a><\/span> <span class=\"tags\"><a href=\"https:\/\/www.gamefromscratch.com\/?tag=\/Engine\" rel=\"tag\">Engine<\/a> <a href=\"https:\/\/www.gamefromscratch.com\/?tag=\/HTML5\" rel=\"tag\">HTML5<\/a> <a href=\"https:\/\/www.gamefromscratch.com\/?tag=\/JavaScript\" rel=\"tag\">JavaScript<\/a><\/span> <\/p>\n<hr>\n<p> <!--\n<script type=\"text\/javascript\"><!- - google_ad_client = \"ca-pub-5156240514307514\"; \/* GFS 720 Post above Comments *\/ google_ad_slot = \"5626844176\"; google_ad_width = 728; google_ad_height = 90; \/\/- ->\n<\/script>\n--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today we are looking at the game engine\/framework combo WebGLStudio, an entirely browser based game engine with a complete visual editor. Key features of WebGLStudio include: A full 3D graphics engine (LiteScene.js) that supports multiple lights, shadowmaps, realtime reflections, custom materials, postFX, skinning, animation, and much more. An easily extended, component-based system for controlling the [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[72],"class_list":["post-114323","post","type-post","status-publish","format-standard","hentry","category-game-development","tag-gamedev-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/114323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=114323"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/114323\/revisions"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=114323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=114323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=114323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}