<!DOCTYPE html> <html lang="en" class="js csstransforms3d"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="generator" content="Hugo 0.55.6" /> <meta name="description" content=""> <link rel="icon" href="/images/favicon.png" type="image/png"> <title>Encompass :: Encompass Docs</title> <link href="/css/nucleus.css?1558477076" rel="stylesheet"> <link href="/css/fontawesome-all.min.css?1558477076" rel="stylesheet"> <link href="/css/hybrid.css?1558477076" rel="stylesheet"> <link href="/css/featherlight.min.css?1558477076" rel="stylesheet"> <link href="/css/perfect-scrollbar.min.css?1558477076" rel="stylesheet"> <link href="/css/auto-complete.css?1558477076" rel="stylesheet"> <link href="/css/atom-one-dark-reasonable.css?1558477076" rel="stylesheet"> <link href="/css/theme.css?1558477076" rel="stylesheet"> <link href="/css/hugo-theme.css?1558477076" rel="stylesheet"> <link href="/css/theme-encompass.css?1558477076" rel="stylesheet"> <script src="/js/jquery-3.3.1.min.js?1558477076"></script> <style type="text/css"> :root #header + #content > #left > #rlblock_left{ display:none !important; } </style> </head> <body class="" data-url="/"> <nav id="sidebar" class=""> <div id="header-wrapper"> <div id="header"> <img src="/images/logo.png" width="100" height="100"> </div> <div class="searchbox"> <label for="search-by"><i class="fas fa-search"></i></label> <input data-search-input id="search-by" type="search" placeholder="Search..."> <span data-search-clear=""><i class="fas fa-times"></i></span> </div> <script type="text/javascript" src="/js/lunr.min.js?1558477076"></script> <script type="text/javascript" src="/js/auto-complete.js?1558477076"></script> <script type="text/javascript"> var baseurl = "http:\/\/example.org\/"; </script> <script type="text/javascript" src="/js/search.js?1558477076"></script> </div> <div class="highlightable"> <ul class="topics"> <li data-nav-id="/why/" title="Why" class="dd-item "> <a href="/why/"> <b>1. </b>Why </a> <ul> <li data-nav-id="/why/architecture/" title="" class="dd-item "> <a href="/why/architecture/"> </a> </li> </ul> </li> </ul> <section id="footer"> <p>Built with <a href="https://github.com/matcornic/hugo-theme-learn"><i class="fas fa-heart"></i></a> from <a href="http://getgrav.org">Grav</a> and <a href="http://gohugo.io/">Hugo</a></p> </section> </div> </nav> <section id="body"> <div id="overlay"></div> <div class="padding highlightable"> <div id="head-tags"> </div> <div id="body-inner"> <span id="sidebar-toggle-span"> <a href="#" id="sidebar-toggle" data-sidebar-toggle=""><i class="fas fa-bars"></i> navigation</a> </span> <h1 id="encompass">Encompass</h1> <p><strong>encompass</strong> is a powerful engine-agnostic framework to help you code games, or other kinds of simulations.</p> <p>Object-oriented code is messy and rapidly becomes unmaintainable.</p> <p>encompass lets you write clean, de-coupled code so you can spend more time on your game design and less time fixing bugs.</p> <p>encompass is currently available with a TypeScript implementation that fully supports transpilation to Javascript and Lua. A C# implementation is forthcoming.</p> </div> </div> <div id="navigation"> <a class="nav nav-next" href="/why/" title="Why" style="margin-right: 0px;"><i class="fa fa-chevron-right"></i></a> </div> </section> <div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"> <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div> </div> <script src="/js/clipboard.min.js?1558477076"></script> <script src="/js/perfect-scrollbar.min.js?1558477076"></script> <script src="/js/perfect-scrollbar.jquery.min.js?1558477076"></script> <script src="/js/jquery.sticky.js?1558477076"></script> <script src="/js/featherlight.min.js?1558477076"></script> <script src="/js/html5shiv-printshiv.min.js?1558477076"></script> <script src="/js/highlight.pack.js?1558477076"></script> <script>hljs.initHighlightingOnLoad();</script> <script src="/js/modernizr.custom-3.6.0.js?1558477076"></script> <script src="/js/learn.js?1558477076"></script> <script src="/js/hugo-learn.js?1558477076"></script> <link href="/mermaid/mermaid.css?1558477076" type="text/css" rel="stylesheet" /> <script src="/mermaid/mermaid.js?1558477076"></script> <script> mermaid.initialize({ startOnLoad: true }); </script> </body> </html>