06-19-2020, 08:26 AM
WebGLStudio Hands-On
<div><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>
<p>Key features of WebGLStudio include:</p>
<blockquote>
<ul>
<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>
<li>An easily extended, component-based system for controlling the rendering pipeline and interaction event hooks </li>
<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>
<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>
<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>
<li>Export and share your work by sending a single link.</li>
</ul>
</blockquote>
<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>. You can learn more about WebGLStudio in the <a href="https://youtu.be/EwyVjq5stI4">video</a> below.</p>
<p align="center"><iframe 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>
<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>
<hr>
<p> <!--
<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; //- ->
</script>
--></p>
</div>
https://www.sickgaming.net/blog/2020/06/...-hands-on/
<div><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>
<p>Key features of WebGLStudio include:</p>
<blockquote>
<ul>
<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>
<li>An easily extended, component-based system for controlling the rendering pipeline and interaction event hooks </li>
<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>
<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>
<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>
<li>Export and share your work by sending a single link.</li>
</ul>
</blockquote>
<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>. You can learn more about WebGLStudio in the <a href="https://youtu.be/EwyVjq5stI4">video</a> below.</p>
<p align="center"><iframe 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>
<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>
<hr>
<p> <!--
<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; //- ->
</script>
--></p>
</div>
https://www.sickgaming.net/blog/2020/06/...-hands-on/